Все сделал, все работает но вот только одно но, сразу же после нажатия на последнюю звездочку(оценка отлично)
http://pic.ipicture.ru/uploads/090218/8 ... we1xmF.jpg
загорается звездочка "плохо"
http://pic.ipicture.ru/uploads/090218/8 ... gSW347.jpg
если обновить страницу то оценка так и ставится "отлично" но очень как то неудобно и некрасиво смотрится, как это исправить?
Вот мой код в CSS:
- Код: Выделить всё
.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://warezrip.com/img/rating.png) 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://warezrip.com/img/rating.png);
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://warezrip.com/img/rating.png);
background-position: left bottom;
position: absolute;
height: 16px;
display: block;
text-indent: -9000px;
z-index: 1;
}
А вот код в Страница материала и комментариев к нему
- Код: Выделить всё
<font face="arial" color=#666666>
Оценка новости <?if($RATING$)?>(голосов:$RATED$)
</font>
<span id='ratig-layer' style="float: left; background: url('http://warezrip.com/img/rating.png')"><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 (true){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 (true){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 (true){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 (true){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 (true){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://warezrip.com/img/$RATING_NUM$.gif" align=absmiddle valign=center border=0><?endif?>
