U.Helper

31 Октября 2008 19:20
Главная » 2008 » Октябрь » 31 » Рейтинг материалов
В "Управление шаблонами (CSS)":
Code
.unit-rating a.r4-unit {  
left: 51px;  
}  
.unit-rating a.r4-unit:hover {  
width: 68px;  
}  
.unit-rating a.r5-unit {  
left: 68px;  
}  
.unit-rating a.r5-unit:hover {  
width: 85px;  
}  
.unit-rating li.current-rating {  
background-image: url(http://heroes-ru.info/img/rating/rating.gif);  
background-position: left bottom;  
position: absolute;  
height: 16px;  
display: block;  
text-indent: -9000px;  
z-index: 1;  
}

Теперь открываем шаблон страницы материала и комментариев к нему

Модуль новости
Страница материала и комментариев к нему:

Code
<?if($RATE_FORM$)?><span id='rt$ID$'><span id='ratig-layer' style="float: left; background: url('http://heroes-ru.info/img/rating/$RATING_NUM$.gif')"><span class="rating">  
<ul class="unit-rating">  
<li class="current-rating" id="ids$ENTRY_ID$" style="width:0px;">0</li>  
<li><a href="#" title="Плохо" class="r1-unit" onclick="if (confirm('Вы подтверждаете свою оценку?')){var cObj=uz.util.Connect.asyncRequest('GET','/news/0-0-1-$ID$-15-1',{success: function(o){ getaruond$ENTRY_ID$(1); ParseXML(o.responseXML);}}); return false }">1</a></li>  
<li><a href="#" title="Приемлемо" class="r2-unit" onclick="if (confirm('Вы подтверждаете свою оценку?')){var cObj=uz.util.Connect.asyncRequest('GET','/news/0-0-2-$ID$-15-1',{success: function(o){ getaruond$ENTRY_ID$(1); ParseXML(o.responseXML);}}); return false }">2</a></li>  
<li><a href="#" title="Средне" class="r3-unit" onclick="if (confirm('Вы подтверждаете 3?')){var cObj=uz.util.Connect.asyncRequest('GET','/news/0-0-3-$ID$-15-1',{success: function(o){ getaruond$ENTRY_ID$(1); ParseXML(o.responseXML);}}); return false }">3</a></li>  
<li><a href="#" title="Хорошо" class="r4-unit" onclick="if (confirm('Вы подтверждаете 4?')){var cObj=uz.util.Connect.asyncRequest('GET','/news/0-0-4-$ID$-15-1',{success: function(o){ getaruond$ENTRY_ID$(1); ParseXML(o.responseXML);}}); return false }">4</a></li>  
<li><a href="#" title="Отлично" class="r5-unit" onclick="if (confirm('Вы подтверждаете 5?')){var cObj=uz.util.Connect.asyncRequest('GET','/news/0-0-5-$ID$-15-1',{success: function(o){ getaruond$ENTRY_ID$(1); ParseXML(o.responseXML);}}); return false }">5</a></li>  
</ul>  
</span></span></span>  
<script type="text/javascript">  
document.getElementById('ids$ENTRY_ID$').style.width=17*$RATING$+'px';  
var i = 0;  
function getaruond$ENTRY_ID$(x){  
if(!i){  
var q = $RATED$*$RATING$;  
var w = (q+x)/($RATED$+1);  
document.getElementById('ids$ENTRY_ID$').style.width=17*w+'px';  
i++;  
}}  
</script>  
<?else?><img src="http://heroes-ru.info/img/rating/$RATING_NUM$.gif" align=absmiddle valign=center border=0 alt="Рейтинг материала: $RATING$/$RATED$"><?endif?>

Вид материалов:
Code
<?if($RATE_FORM$)?><span id='rt$ID$'><span id='ratig-layer' style="float: left; background: url('http://heroes-ru.info/img/rating/$RATING_NUM$.gif')"><span class="rating">  
<ul class="unit-rating">  
<li class="current-rating" id="ids$ID$" style="width:0px;">0</li>  
<li><a href="#" title="Плохо" class="r1-unit" onclick="if (confirm('Вы подтверждаете свою оценку?')){var cObj=uz.util.Connect.asyncRequest('GET','/news/0-0-1-$ID$-15-1',{success: function(o){ getaruond$ID$(1); ParseXML(o.responseXML);}}); return false }">1</a></li>  
<li><a href="#" title="Приемлемо" class="r2-unit" onclick="if (confirm('Вы подтверждаете свою оценку?')){var cObj=uz.util.Connect.asyncRequest('GET','/news/0-0-2-$ID$-15-1',{success: function(o){ getaruond$ID$(1); ParseXML(o.responseXML);}}); return false }">2</a></li>  
<li><a href="#" title="Средне" class="r3-unit" onclick="if (confirm('Вы подтверждаете 3?')){var cObj=uz.util.Connect.asyncRequest('GET','/news/0-0-3-$ID$-15-1',{success: function(o){ getaruond$ID$(1); ParseXML(o.responseXML);}}); return false }">3</a></li>  
<li><a href="#" title="Хорошо" class="r4-unit" onclick="if (confirm('Вы подтверждаете 4?')){var cObj=uz.util.Connect.asyncRequest('GET','/news/0-0-4-$ID$-15-1',{success: function(o){ getaruond$ID$(1); ParseXML(o.responseXML);}}); return false }">4</a></li>  
<li><a href="#" title="Отлично" class="r5-unit" onclick="if (confirm('Вы подтверждаете 5?')){var cObj=uz.util.Connect.asyncRequest('GET','/news/0-0-5-$ID$-15-1',{success: function(o){ getaruond$ID$(1); ParseXML(o.responseXML);}}); return false }">5</a></li>  
</ul>  
</span></span></span>  
<script type="text/javascript">  
document.getElementById('ids$ID$').style.width=17*$RATING$+'px';  
var i = 0;  
function getaruond$ID$(x){  
if(!i){  
var q = $RATED$*$RATING$;  
var w = (q+x)/($RATED$+1);  
document.getElementById('ids$ID$').style.width=17*w+'px';  
i++;  
}}  
</script>  
<?else?><img src="http://heroes-ru.info/img/rating/$RATING_NUM$.gif" align=absmiddle valign=center border=0 alt="Рейтинг материала: $RATING$/$RATED$"><?endif?>

Каталог файлов:
Code
<?if($RATE_FORM$)?><span id='ratig-layer' style="float: left; background: url('http://heroes-ru.info/img/rating/$RATING_NUM$.gif')"><span class="rating">  
<ul class="unit-rating">  
<li class="current-rating" id="ids$ID$" style="width:0px;">0</li>  
<li><a href="#" title="Плохо" class="r1-unit" onclick="if (confirm('Вы подтверждаете свою оценку?')){var cObj=uz.util.Connect.asyncRequest('GET','/load/0-1-1-$ID$-3',{success: function(o){ getaruond$ID$(1); ParseXML(o.responseXML);}}); return false }">1</a></li>  
<li><a href="#" title="Приемлемо" class="r2-unit" onclick="if (confirm('Вы подтверждаете свою оценку?')){var cObj=uz.util.Connect.asyncRequest('GET','/load/0-1-2-$ID$-3',{success: function(o){ getaruond$ID$(1); ParseXML(o.responseXML);}}); return false}">2</a></li>  
<li><a href="#" title="Средне" class="r3-unit" onclick="if (confirm('Вы подтверждаете 3?')){var cObj=uz.util.Connect.asyncRequest('GET','/load/0-1-3-$ID$-3',{success: function(o){ getaruond$ID$(1); ParseXML(o.responseXML);}}); return false}">3</a></li>  
<li><a href="#" title="Хорошо" class="r4-unit" onclick="if (confirm('Вы подтверждаете 4?')){var cObj=uz.util.Connect.asyncRequest('GET','/load/0-1-4-$ID$-3',{success: function(o){ getaruond$ID$(1); ParseXML(o.responseXML);}}); return false}">4</a></li>  
<li><a href="#" title="Отлично" class="r5-unit" onclick="if (confirm('Вы подтверждаете 5?')){var cObj=uz.util.Connect.asyncRequest('GET','/load/0-1-5-$ID$-3',{success: function(o){ getaruond$ID$(1); ParseXML(o.responseXML);}}); return false}">5</a></li>  
</ul>  
</span></span>  
<script type="text/javascript">  
document.getElementById('ids$ID$').style.width=17*$RATING$+'px';  
var i = 0;  
function getaruond$ID$(x){  
if(!i){  
var q = $RATED$*$RATING$;  
var w = (q+x)/($RATED$+1);  
document.getElementById('ids$ID$').style.width=17*w+'px';  
i++;  
}}  
</script>  
<?else?><img src="http://heroes-ru.info/img/rating/$RATING_NUM$.gif" align=absmiddle valign=center border=0 alt="Рейтинг материала: $RATING$/$RATED$"><?endif?>

Фотоальбом
Code
<?if($RATE_FORM$)?><span id='ratig-layer' style="float: left; background: url('http://heroes-ru.info/img/rating/$RATING_NUM$.gif')"><span class="rating">  
<ul class="unit-rating">  
<li class="current-rating" id="ids$ID$" style="width:0px;">0</li>  
<li><a href="#" title="Плохо" class="r1-unit" onclick="if (confirm('Вы подтверждаете свою оценку?')){var cObj=uz.util.Connect.asyncRequest('GET','/photo/$CID$-1-$ID$-13-1',{success: function(o){ getaruond$ID$(1); ParseXML(o.responseXML);}}); }">1</a></li>  
<li><a href="#" title="Приемлемо" class="r2-unit" onclick="if (confirm('Вы подтверждаете свою оценку?')){var cObj=uz.util.Connect.asyncRequest('GET','/photo/$CID$-1-$ID$-13-2',{success: function(o){ getaruond$ID$(1); ParseXML(o.responseXML);}}); }">2</a></li>  
<li><a href="#" title="Средне" class="r3-unit" onclick="if (confirm('Вы подтверждаете 3?')){var cObj=uz.util.Connect.asyncRequest('GET','/photo/$CID$-1-$ID$-13-3',{success: function(o){ getaruond$ID$(1); ParseXML(o.responseXML);}}); }">3</a></li>  
<li><a href="#" title="Хорошо" class="r4-unit" onclick="if (confirm('Вы подтверждаете 4?')){var cObj=uz.util.Connect.asyncRequest('GET','/photo/$CID$-1-$ID$-13-4',{success: function(o){ getaruond$ID$(1); ParseXML(o.responseXML);}}); }">4</a></li>  
<li><a href="#" title="Отлично" class="r5-unit" onclick="if (confirm('Вы подтверждаете 5?')){var cObj=uz.util.Connect.asyncRequest('GET','/photo/$CID$-1-$ID$-13-5',{success: function(o){ getaruond$ID$(1); ParseXML(o.responseXML);}}); }">5</a></li>  
</ul>  
</span></span>  
<script type="text/javascript">  
document.getElementById('ids$ID$').style.width=17*$RATING$+'px';  
var i = 0;  
function getaruond$ID$(x){  
if(!i){  
var q = $RATED$*$RATING$;  
var w = (q+x)/($RATED$+1);  
document.getElementById('ids$ID$').style.width=17*w+'px';  
i++;  
}}  
</script>  
<?else?><img src="http://heroes-ru.info/img/rating/$RATING_NUM$.gif" align=absmiddle valign=center border=0 alt="Рейтинг материала: $RATING$/$RATED$"><?endif?>

Блог
Code
<?if($RATE_FORM$)?><span id='ratig-layer' style="float: left; background: url('http://heroes-ru.info/img/rating/$RATING_NUM$.gif')"><span class="rating">  
<ul class="unit-rating">  
<li class="current-rating" id="ids$ID$" style="width:0px;">0</li>  
<li><a href="#" title="Плохо" class="r1-unit" onclick="if (confirm('Вы подтверждаете свою оценку?')){var cObj=uz.util.Connect.asyncRequest('GET','/blog/0-0-1-$ID$-14-1',{success: function(o){ getaruond$ID$(1); ParseXML(o.responseXML);}}); return false }">1</a></li>  
<li><a href="#" title="Приемлемо" class="r2-unit" onclick="if (confirm('Вы подтверждаете свою оценку?')){var cObj=uz.util.Connect.asyncRequest('GET','/blog/0-0-2-$ID$-14-1',{success: function(o){ getaruond$ID$(1); ParseXML(o.responseXML);}}); return false}">2</a></li>  
<li><a href="#" title="Средне" class="r3-unit" onclick="if (confirm('Вы подтверждаете 3?')){var cObj=uz.util.Connect.asyncRequest('GET','/blog/0-0-3-$ID$-14-1',{success: function(o){ getaruond$ID$(1); ParseXML(o.responseXML);}}); return false}">3</a></li>  
<li><a href="#" title="Хорошо" class="r4-unit" onclick="if (confirm('Вы подтверждаете 4?')){var cObj=uz.util.Connect.asyncRequest('GET','/blog/0-0-4-$ID$-14-1',{success: function(o){ getaruond$ID$(1); ParseXML(o.responseXML);}}); return false}">4</a></li>  
<li><a href="#" title="Отлично" class="r5-unit" onclick="if (confirm('Вы подтверждаете 5?')){var cObj=uz.util.Connect.asyncRequest('GET','/blog/0-0-5-$ID$-14-1',{success: function(o){ getaruond$ID$(1); ParseXML(o.responseXML);}}); return false}">5</a></li>  
</ul>  
</span></span>  
<script type="text/javascript">  
document.getElementById('ids$ID$').style.width=17*$RATING$+'px';  
var i = 0;  
function getaruond$ID$(x){  
if(!i){  
var q = $RATED$*$RATING$;  
var w = (q+x)/($RATED$+1);  
document.getElementById('ids$ID$').style.width=17*w+'px';  
i++;  
}}  
</script>  
<?else?><img src="http://heroes-ru.info/img/rating/$RATING_NUM$.gif" align=absmiddle valign=center border=0 alt="Рейтинг материала: $RATING$/$RATED$"><?endif?>

Каталог статей
Code
<?if($RATE_FORM$)?><span id='ratig-layer' style="float: left; background: url('http://heroes-ru.info/img/rating/$RATING_NUM$.gif')"><span class="rating">  
<ul class="unit-rating">  
<li class="current-rating" id="ids$ID$" style="width:0px;">0</li>  
<li><a href="#" title="Плохо" class="r1-unit" onclick="if (confirm('Вы подтверждаете свою оценку?')){var cObj=uz.util.Connect.asyncRequest('GET','/publ/0-1-1-$ID$-3',{success: function(o){ getaruond$ID$(1); ParseXML(o.responseXML);}}); return false }">1</a></li>  
<li><a href="#" title="Приемлемо" class="r2-unit" onclick="if (confirm('Вы подтверждаете свою оценку?')){var cObj=uz.util.Connect.asyncRequest('GET','/publ/0-1-2-$ID$-3',{success: function(o){ getaruond$ID$(1); ParseXML(o.responseXML);}}); return false}">2</a></li>  
<li><a href="#" title="Средне" class="r3-unit" onclick="if (confirm('Вы подтверждаете 3?')){var cObj=uz.util.Connect.asyncRequest('GET','/publ/0-1-3-$ID$-3',{success: function(o){ getaruond$ID$(1); ParseXML(o.responseXML);}}); return false}">3</a></li>  
<li><a href="#" title="Хорошо" class="r4-unit" onclick="if (confirm('Вы подтверждаете 4?')){var cObj=uz.util.Connect.asyncRequest('GET','/publ/0-1-4-$ID$-3',{success: function(o){ getaruond$ID$(1); ParseXML(o.responseXML);}}); return false}">4</a></li>  
<li><a href="#" title="Отлично" class="r5-unit" onclick="if (confirm('Вы подтверждаете 5?')){var cObj=uz.util.Connect.asyncRequest('GET','/publ/0-1-5-$ID$-3',{success: function(o){ getaruond$ID$(1); ParseXML(o.responseXML);}}); return false}">5</a></li>  
</ul>  
</span></span>  
<script type="text/javascript">  
document.getElementById('ids$ID$').style.width=17*$RATING$+'px';  
var i = 0;  
function getaruond$ID$(x){  
if(!i){  
var q = $RATED$*$RATING$;  
var w = (q+x)/($RATED$+1);  
document.getElementById('ids$ID$').style.width=17*w+'px';  
i++;  
}}  
</script>  
<?else?><img src="http://heroes-ru.info/img/rating/$RATING_NUM$.gif" align=absmiddle valign=center border=0 alt="Рейтинг материала: $RATING$/$RATED$"><?endif?>

Как это выглядит:

Q: Рейтинг работает, но вместо звёздочек - цифры
A: oбязательно, ставив этот рейтинг, нужно убрать с таблицы (теги: <table><tr><td>) свойство CSS "white-space:nowrap;" и align="right" \ "text-align:right;".
Просмотров: 1642 | Добавил: MindFreakTheMon | Рейтинг: 4.2/5 |
Всего комментариев: 17
0
lesha19921[Материал] 22:02, 31 Октября 2008
ставлю в фотоальбом звёздочки есть а оыенить не могу почему так?помогите пожалуйста cry
Цитировать
Сайт
0
Cowboy[Материал] 13:08, 07 Ноября 2008
А на каталог ссылок имеется что нибудь подобное?
Цитировать
0
Maxwell[Материал] 17:00, 07 Ноября 2008
криво работает... пока убрал
Цитировать
Сайт
0
Аноним[Материал] 13:46, 08 Ноября 2008
Здесь записана часть CSS код, полный CSS код:
Code
.rating {
color: #757575;
font: 11px tahoma;
width: 85px;
height: 16px;
}
.unit-rating {
list-style: none;
margin: 0px;
padding: 0px;
width: 85px;
height: 16px;
position: relative;
background: url(http://heroes-ru.info/img/rating/rating.gif) repeat-x top left;
}
.unit-rating li {
text-indent: -90000px;
padding: 0px;
margin: 0px;
float:left;
} /*heroes-ru.info*/
.unit-rating li a {
display: block;
width: 17px;
height: 16px;
text-decoration: none;
text-indent:-9000px;
z-index: 17;
position: absolute;
padding: 0px;
}
.unit-rating li a:hover {
background-image: url(http://heroes-ru.info/img/rating/rating.gif);
background-position: left center;
z-index: 2;
left: 0px;
}
.unit-rating a.r1-unit {
left: 0px;
}
.unit-rating a.r1-unit:hover {
width: 17px;
}
.unit-rating a.r2-unit {
left: 17px;
}
.unit-rating a.r2-unit:hover {
width: 34px;
}
.unit-rating a.r3-unit {
left: 34px;
}
.unit-rating a.r3-unit:hover {
width: 51px;
}
.unit-rating a.r4-unit {
left: 51px;
}
.unit-rating a.r4-unit:hover {
width: 68px;
}
.unit-rating a.r5-unit {
left: 68px;
}
.unit-rating a.r5-unit:hover {
width: 85px;
}
.unit-rating li.current-rating {
background-image: url(http://heroes-ru.info/img/rating/rating.gif);
background-position: left bottom;
position: absolute;
height: 16px;
display: block;
text-indent: -9000px;
z-index: 1;
}
Цитировать
0
Игорь[Материал] 17:29, 09 Ноября 2008
Почему то не работает( помогите плиииз!!!!!
Цитировать
0
Maxwell[Материал] 20:01, 09 Ноября 2008
в какталоге файлов работает.. (вродебы) в новостях криво.
Цитировать
Сайт
0
lesha19921[Материал] 08:57, 10 Ноября 2008
в фотоальбометоже криво cry cry
Цитировать
Сайт
0
kydapodatsya[Материал] 14:50, 10 Ноября 2008
lesha19921 kvn.mg.by - блок шутка - все работает, а это фотоальбом!
Цитировать
Сайт
0
Gasol[Материал] 22:33, 11 Ноября 2008
тут, как я понимаю, приведены коды непосредственно для страниц с материалами и комментариями к нему. а как сделать так чтобы рейтинг в виде звёздочек был также у каждого материала на странице каталога файлов, причём чтоб там нельзя было голосовать, а он там просто отображался?
Цитировать
0
Gasol[Материал] 19:46, 15 Ноября 2008
спасибо большое
Цитировать
0
Angel7[Материал] 23:29, 23 Ноября 2008
sad
Цитировать
Сайт
0
}{0тт@бь)ч[Материал] 08:28, 24 Ноября 2008
Мде.. борьцы с плагиатом сплагиатили... omfg
Цитировать
0
Бармалей[Материал] 12:37, 24 Ноября 2008
Смотрим на автора материала. "Борцы с плагиатом" тут ни при чем dry
Цитировать
Сайт
0
Selker[Материал] 06:56, 02 Декабря 2008
в фотоальбоме криво sad все сделал, как и написано

страница
Цитировать
Сайт
0
Selker[Материал] 07:08, 02 Декабря 2008
упс. все работает, извините smile
Цитировать
Сайт
0
Максим[Материал] 08:07, 22 Января 2009
Долго думал, поставить или нет, а то у всех какие-то лаги.
Поставил в фотоальбом, все отлично, большое спасибо.
Цитировать
0
Bobsoumma[Материал] 12:50, 13 Января 2010
Молодец, хороший пост.
Цитировать
E-MailСайт
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
U.Helper © Используются технологии uCoz