Спустя 4 минуты, 18 секунд (19.10.2011 - 12:05) m4a1fox написал(а):
ПРИВЕТ! Что конкретно тебя интересует?
Спустя 1 минута, 34 секунды (19.10.2011 - 12:06) m4a1fox написал(а):
Я такой делал! 4 дня убил но он заработал! Индивидуальный, под БД или фотки из папки - в общем для себя делал! Если есть желание разобрать могу помочь! часа полтора у меня свободного времени есть!
Спустя 6 минут, 56 секунд (19.10.2011 - 12:13) m4a1fox написал(а):
Не, ну вот че за прикол. Делать тему а потом сваливать?! Можно подумать оно мне надо?!
Спустя 15 минут, 31 секунда (19.10.2011 - 12:29) maximka787 написал(а):
m4a1fox
ээ извини отходил) а можно посмотреть твою?
ээ извини отходил) а можно посмотреть твою?
Спустя 4 минуты, 51 секунда (19.10.2011 - 12:34) m4a1fox написал(а):
Да легко - лопату готовь!
Спустя 3 минуты, 21 секунда (19.10.2011 - 12:37) m4a1fox написал(а):
JQ
html
css
Дерзай! Может кто поправит!
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 написал(а):
Ну как успехи?
_____________
..Работает - не трогай!