Ca webmaster de multe ori ai nevoie de un sistem de vot pentru diferite rubrici din website, asa ca m-am gandit sa postez un script de vot simplu si usor de editat in functie de nevoi.
style.css
.star-rating {
background: url(vot-cu-ajutorul-php-si-css-01.png) top left repeat-x;
margin: 5px;
padding: 0px;
width: 150px;
height: 30px;
list-style: none;
position: relative;
}
.star-rating li {
padding: 0px;
margin: 0px;
float: left;
}
.star-rating li a {
background-image: none;
width: 30px;
height: 30px;
padding: 0px;
display: block;
text-decoration: none;
text-indent: -9000px;
z-index: 30;
position: absolute;
}
.star-rating li a:hover {
background: url(vot-cu-ajutorul-php-si-css-01.png) left bottom;
z-index: 1;
left: 0px;
}
.star-rating a.one-star {
left: 0px;
}
.star-rating a.one-star:hover {
width: 30px;
}
.star-rating a.two-stars {
left: 30px;
}
.star-rating a.two-stars:hover {
width: 60px;
}
.star-rating a.three-stars {
left: 60px;
}
.star-rating a.three-stars:hover {
width: 90px;
}
.star-rating a.four-stars {
left: 90px;
}
.star-rating a.four-stars:hover {
width: 120px;
}
.star-rating a.five-stars {
left: 120px;
}
.star-rating a.five-stars:hover {
width: 150px;
}
vot.html
<ul class="star-rating">
<li><a href="/vot.php?vot=1" title="Votul tau: 1 punct din 5" class="one-star">1</a></li>
<li><a href="/vot.php?vot=2" title="Votul tau: 2 puncte din 5" class="two-stars">2</a></li>
<li><a href="/vot.php?vot=3" title="Votul tau: 3 puncte din 5" class="three-stars">3</a></li>
<li><a href="/vot.php?vot=4" title="Votul tau: 4 puncte din 5" class="four-stars">4</a></li>
<li><a href="/vot.php?vot=5" title="Votul tau: 5 puncte din 5" class="five-stars">5</a></li>
</ul>
vot.php
<?php
$vot = $_GET['vot'];
if (is_numeric($vot) && $vot <= 5)
{
// facem UPDATE in tabela cu voturi
// ne intoarcem la pagina de vot
header('Location: ' . $_SERVER['HTTP_REFERER']);
}
else
{
// ne intoarcem la pagina de vot
header('Location: ' . $_SERVER['HTTP_REFERER']);
}
Imaginea o puteti descarca de aici.
Folosim doar o imagine PNG de 30x60 pixeli, in prima jumatate va fi o stea simpla iar in a doua jumatate a pozei va fi o steluta colorata. Sper ca stiti de cate ori are voie un IP sa voteze intr-o singura zi sau cum sa faceti update la o tabela cu voturi.
Intrebari?
am scos, sta de ceva timp iframe-ul ala nenorocit π
Vezi ca imi raporteaza virusi in iframe cand dau sa vad exemplul de la vot… verifica si tu si scoate virusii
outline:none la link-uri scoate borderul Δla enervant π