U.Helper

31 Октября 2008 14:43
Главная » Разработки » Разработки для модуля "Новости сайта" » Рейтинг материалов
Скриншот Рейтинг материалов
В "Управление шаблонами (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;".


Правила использования:

  • Все права на публикуемые скрипты принадлежат их авторам!
  • Запрещается распространение скриптов без указания автора!
  • Запрещается "затирание" копирайтов!
Рейтинг: ← 14 →
Модуль: Новости сайта | 5504 просмотра | Автор: MindFreakTheMon | Добавлено: 31 Октября 2008
10 комментариев

0
Remarc[Материал] 13:53, 05 Февраля 2009
Проблема в том, что после клика по звездочке вылетает окно (либо рейтинг засчитан, либо вы уже проголосовали...) и после это окна исчезает сам рейтинг... как сделать что-бы после выбора оценки рейтинг не исчезал? Заранее благодарен.
Цитировать
E-MailСайт
0
NARKOZ-2008[Материал] 02:49, 07 Февраля 2009
у меня тоже самое
Цитировать
Сайт
0
Tоhas[Материал] 15:36, 05 Апреля 2009
Пробовал ставить - не понятно как! И до $BODY$ и после пробовал на странице полной фотографии с комментариями - НИКАК не встаёт!
Цитировать
0
Tоhas[Материал] 12:26, 07 Апреля 2009
Так как ставить-то?
Цитировать
0
WeStRacer[Материал] 08:22, 23 Апреля 2009
Да нах это надо? happy Детский сад...
Цитировать
Сайт
0
Alex[Материал] 13:43, 09 Мая 2009
Вид материалов почему-то написали только для новостей. А как быть с видом материалов каталога файлов??
Цитировать
0
Dj_ScripT[Материал] 12:18, 20 Июня 2009
Ни чего не работает!!!
У меня вот что получилось:

теги <table> БеиЮ <tr> убирал css прописывал, и ничего не вышло и ещё когда нажимаешь на цифру, страница просто пролистывается вверх, а рейтинг не меняется!!!
Цитировать
Сайт
0
Dj_ScripT[Материал] 12:18, 20 Июня 2009
БеиЮ =<tb>
Цитировать
Сайт
0
killo-w[Материал] 07:43, 29 Июня 2009
Да ты кривой Какойто wink посмотри на сайтах где стоит и работает и возьми там
Цитировать
Сайт
0
Виктор[Материал] 00:13, 28 Января 2010
Вахахах вот люди глупые.......... Все расписано нет все равно ничего у них не получается.
Цитировать
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

© U.Helper 2007-2024 Используются технологии uCoz