Pedido - Sistema de votação Estrelas 08.08.13 22:54
Gente eu preciso daquele sistema de votação de estrelinha sabe ? que faz a media dos votos e tudo mais , pode se HTML me ajudem ?
Sabe esse sistema de votação que são 5 estrelas e você clica em uma pra votar ... isso que eu quero.SecurityPixel escreveu:Bom, não entendi o pedido, o tal sistema seria utilizado em que?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Votação</title>
</head>
<style>
.ajax{
font-family:Tahoma;
font-size:10pt;
color:#333333;
}
</style>
<script>
function cache() {
imagens = new Image();
imagens.src='image/silver_star.png';
imagens.src='image/gold_star.png';
}
function vota(id) {
if(id==1) {
document.getElementById('nota').innerHTML="<font class='ajax'>Ruím</font>";
}
if(id==2) {
document.getElementById('nota').innerHTML="<font class='ajax'>Regular</font>";
}
if(id==3) {
document.getElementById('nota').innerHTML="<font class='ajax'>Bom</font>";
}
if(id==4) {
document.getElementById('nota').innerHTML="<font class='ajax'>Muito bom</font>";
}
if(id==5) {
document.getElementById('nota').innerHTML="<font class='ajax'>Ótimo</font>";
}
for(i = 0; i < id; i++) {
document.getElementById(i+1).src="image/gold_star.png";
}
}
function retira(id) {
for(i = 5; i > id; i--) {
document.getElementById(i).src="image/silver_star.png";
}
}
</script>
<body>
<body onload="cache()">
<table cellspacing=2 cellpading=2>
<tr>
<td width="16" onmouseover="vota('1')" onmouseout="retira('1')"><img id="1" src="image/gold_star.png" border="0"></td>
<td width="16" onmouseover="vota('2')" onmouseout="retira('2')"><img id="2" src="image/gold_star.png" border="0"></a></td>
<td width="16" onmouseover="vota('3')" onmouseout="retira('3')"><img id="3" src="image/gold_star.png" border="0"></a></td>
<td width="16" onmouseover="vota('4')" onmouseout="retira('4')"><img id="4" src="image/gold_star.png" border="0"></a></td>
<td width="24" onmouseover="vota('5')" onmouseout="retira('5')"><img id="5" src="image/gold_star.png" border="0"></a></td>
<td id="nota" width="65"></td>
</tr>
</table>
</body>
</html>
Recomendamos a BH Servers com proteção DDOS gratuita em Cloud Server de alta performance. Entrega imediata.