[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: рейтинг на jq+ajax
m4a1fox
Не нашел ветку про jquery (мож. просто плохо искал :)). Суть такова. Есть банальный вывод из ДБ картинок.
код

foreach($t as $key=>$value){
echo '<a href="file/'.$value['photo'].'" class="mb" id="mb1" title="Адрес: '.$value['address'].'">
<img src="./file/'
.$value['small_photo'].'" alt="" border="0">
</a>
<div class="multiBoxDesc mb1" style="height: 40px;">
Удобство:
<span style="background: #7eff7b; padding: 1px; color: black;">
'
.$value['visible'].'
</span>
<span id="rating" style="display:none">'
.$value['rating'].'</span>
<ol id="star-rating" style="float: right;">
<li><a href="#" class="star1">Ужасно</a></li>
<li><a href="#" class="star2">Плохо</a></li>
<li><a href="#" class="star3">Нормально</a></li>
<li><a href="#" class="star4">Хорошо</a></li>
<li><a href="#" class="star5">Отлично</a></li>
</ol>
<br /><br /><span style=" padding: 4px; background-color: orange; color: black;">Заказать</span>
</div>'
;
}

Выглядит сие чудо на странице вот так
user posted image

Так же есть такой jquery, кот. собственно отвечает за то, какое кол-во звездочек на фото должно быть подсвеченно.

<script type="text/javascript">
jQ(document).ready(function () {
var rating = jQ("#rating").text();
var id = jQ("#id").text();
if (rating != 0) {var rating5 = (rating - (rating % 20)) / 20;} else {rating5 = 0;}

jQ(".star"+rating5).parent().attr("class","current");
jQ(".star"+rating5).parent().attr("style","width:"+rating+"px");

jQ("a").click(function(){
var num = jQ(this).attr("class");
});
</
script>

Проблема в том, что рейтинг у разных фоток - разный, но почему-то если открыть любую фотку, то там рейтинг - от первой, и не меняеется.

В общем, что хочу сказать :), если кто знает ссылочку на какой нить нормальный скрипт рейтинга для фоток - скиньте пожалуйста. Спасибо!



Спустя 52 минуты, 39 секунд (8.09.2011 - 19:55) RCuPeR написал(а):
Когда-то пользовал это.

Спустя 22 минуты, 48 секунд (8.09.2011 - 20:18) m4a1fox написал(а):
RCuPeR
Спасибо - попробую!
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2025 Invision Power Services, Inc.