Buena a todos,
tengo el siguiente código y son 5 estrellas que cuando el ratón pasas por encima se pitan. Como puedo hacer que por ejemplo al hacer clic a la tercera se quede marcado como pintada?
Saludos
Código PHP:
<html>
<head>
<title>Estrellitas</title>
<style>
.ec-stars-wrapper {
font-size: 0;
display: inline-block;
}
.ec-stars-wrapper a {
text-decoration: none;
display: inline-block;
font-size: 32px;
font-size: 2rem;
color: #888;
}
.ec-stars-wrapper:hover a {
color: rgb(39, 130, 228);
}
.ec-stars-wrapper > a:hover ~ a {
color: #888;
}
</style>
</head>
<body>
<div class="ec-stars-wrapper">
<a href="#" data-value="1" title="Votar con 1 estrellas">★</a>
<a href="#" data-value="2" title="Votar con 2 estrellas">★</a>
<a href="#" data-value="3" title="Votar con 3 estrellas">★</a>
<a href="#" data-value="4" title="Votar con 4 estrellas">★</a>
<a href="#" data-value="5" title="Votar con 5 estrellas">★</a>
</div>
<noscript>Necesitas tener habilitado javascript para poder votar</noscript>
</body>
</html>