[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: рейтинг звездочками
maximka787
Ребят, подскажите может кто видел, рейтинг звездочками в обе стороны (в плюс и в минус) все обрыл уже, есть куча модулей, но нет такого чтоб из центра звездочки ставились.



Спустя 4 минуты, 18 секунд (19.10.2011 - 12:05) m4a1fox написал(а):
ПРИВЕТ! Что конкретно тебя интересует?

Спустя 1 минута, 34 секунды (19.10.2011 - 12:06) m4a1fox написал(а):
Я такой делал! 4 дня убил но он заработал! smile.gif Индивидуальный, под БД или фотки из папки - в общем для себя делал! Если есть желание разобрать могу помочь! часа полтора у меня свободного времени есть!

Спустя 6 минут, 56 секунд (19.10.2011 - 12:13) m4a1fox написал(а):
Не, ну вот че за прикол. Делать тему а потом сваливать?! Можно подумать оно мне надо?! smile.gif

Спустя 15 минут, 31 секунда (19.10.2011 - 12:29) maximka787 написал(а):
m4a1fox
ээ извини отходил) а можно посмотреть твою?

Спустя 4 минуты, 51 секунда (19.10.2011 - 12:34) m4a1fox написал(а):
Да легко - лопату готовь! smile.gif

Спустя 3 минуты, 21 секунда (19.10.2011 - 12:37) m4a1fox написал(а):
JQ

jQ(document).ready(function () {
jQ('.rating').each(function() {
var rating = jQ(this).text();
rating5 = rating != 0 ? (rating - (rating % 20)) / 20 : 0;
var li = jQ(this).next('.star-rating').find('.star' + rating5).parent();
li.attr('class', 'current');
li.css('width', rating + 'px');
});

jQ("a[href=#]").click(function(){
num = jQ(this).attr("class");
id = jQ(this).attr("span");

var getCookie = jQ.cookie('image'+id);
if(getCookie === null){
jQ.cookie('image'+id, id, { expires: 1/24 });// cookie в JQuery. Аргументы: 1 - имя, 2 - значение, 3 - время!

jQ.ajax({
url: "./addedajax/saverating.php",
type: "POST",
data: {rating: num, id: id},
success: function (newRating) {
jQ(".rating").text(newRating);
var tyu = jQ("#di"+id).next(".star-rating").find('.star'+rating5).parent();
tyu.attr('class', 'current');
tyu.css('width', newRating + 'px');
//jQ("#id"+id).fadeTo(1000, 0.9);
jQ("#id"+id).fadeTo(1000, 0.6).removeClass().addClass('dis_star-rating');
}
}
);
} else {
jQ("#id"+id).fadeTo(1000, 0.9).removeClass().addClass('dis_star-rating');
alert("Вы уже голосовали сегодня");
}
}
);
});


html

<span class="id'.(--тут id новости или картинки из БД--).'" style="display:none">'.(--тут id новости или картинки из БД--).'</span>
<span
class="rating" id="di'.(--тут id новости или картинки из БД--).'" style="display:none">'.$ratingwrite.'</span>
<ol
id="id'.$value['id'].'" class="star-rating" style="margin-top: -25px;">
<li><a
href="#" class="star1" span="'.(--тут id новости или картинки из БД--).'">Ужасно</a></li>
<li><a
href="#" class="star2" span="'.(--тут id новости или картинки из БД--).'">Плохо</a></li>
<li><a
href="#" class="star3" span="'.(--тут id новости или картинки из БД--).'">Нормально</a></li>
<li><a
href="#" class="star4" span="'.(--тут id новости или картинки из БД--).'">Хорошо</a></li>
<li><a
href="#" class="star5" span="'.(--тут id новости или картинки из БД--).'">Отлично</a></li>
</ol>



css

/**
* Active
* Rating star
* Begin
*/

.star-rating {
margin: 0px;
padding: 0;
list-style: none;
width: 100px;
height: 20px;
position: relative;
background: url(./img/stars.png);
}

.star-rating li {
position: absolute;
float: left;
margin: 0px;
padding: 0;
}

.star-rating li a {
display: block;
width: 20px;
height: 20px;
text-indent: -9999px;
position: absolute;
text-decoration: none;
z-index: 10;
}

.star-rating li a:hover {
background: url(./img/stars.png) left center;
left: 0;
z-index: 2;
}

.star-rating a.star1 {
left: 0;
}

.star-rating a.star1:hover {
width: 20px;
}

.star-rating a.star2 {
left: 20px;
}

.star-rating a.star2:hover {
width: 40px;
}

.star-rating a.star3 {
left: 40px;
}

.star-rating a.star3:hover {
width: 60px;
}

.star-rating a.star4 {
left: 60px;
}

.star-rating a.star4:hover {
width: 80px;
}

.star-rating a.star5 {
left: 80px;
}

.star-rating a.star5:hover {
width: 100px;
}

.star-rating li.current {
background: url(./img/stars.png) left bottom;
height: 20px;
z-index: 1;
}
/**
* Rating star
* End
*/

/**
* DisActive
* Rating star
* Begin
*/

.dis_star-rating {
margin: 0px;
padding: 0;
list-style: none;
width: 100px;
height: 20px;
position: relative;
background: url(./img/stars.png);
cursor: pointer;
}

.dis_star-rating li {
position: absolute;
float: left;
margin: 0px;
padding: 0;
}

.dis_star-rating li a {
display: block;
width: 20px;
height: 20px;
text-indent: -9999px;
position: absolute;
text-decoration: none;
z-index: 10;
cursor: default;
}



.dis_star-rating a.star1 {
left: 0;
}



.dis_star-rating a.star2 {
left: 20px;
}


.dis_star-rating a.star3 {
left: 40px;
}


.dis_star-rating a.star4 {
left: 60px;
}



.dis_star-rating a.star5 {
left: 80px;
}



.dis_star-rating li.current {
background: url(./img/stars.png) left bottom;
height: 20px;
z-index: 1;
}
/**
* Rating star
* End
*/



Дерзай! Может кто поправит!

Спустя 11 минут, 49 секунд (19.10.2011 - 12:49) m4a1fox написал(а):
Ну как успехи?


_____________
..Работает - не трогай!
Быстрый ответ:

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