Csillagos szavazó szkript
Sziasztok!
olyan szkriptet szeretnék írni, ahol csillagokra osztva lehet szavazni. (pl. 5 csillag van, így 5 szintet lehetne megkülönböztetni)
eddig jutottam:
itt láthatjátok élőben is: http://predman.uw.hu/vote.htmlez így jó is, csak annyival szeretném kiegészíteni, hogy ha mondjuk a harmadik csillagra kattint, akkor az 1, 2, és a 3. csillag maradjon színes, ugyanígy a többinél. Gondolom JS is kelleni fog már ehez, ebben kérném a segítségeteket.
előre is köszönöm!
■ olyan szkriptet szeretnék írni, ahol csillagokra osztva lehet szavazni. (pl. 5 csillag van, így 5 szintet lehetne megkülönböztetni)
eddig jutottam:
itt láthatjátok élőben is: http://predman.uw.hu/vote.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>Új lap - 1</title>
<style>
.kep0, .kep1, .kep2, .kep3, .kep4, .kep5 {text-decoration:none; position:absolute;display:block}
.kep0 {background-image:url('0.gif');}
a:hover.kep1 {background-image:url('1.gif')}
a:hover.kep2 {background-image:url('2.gif')}
a:hover.kep3 {background-image:url('3.gif')}
a:hover.kep4 {background-image:url('4.gif')}
a:hover.kep5 {background-image:url('5.gif')}
</style>
<script language="javascript">
var melyik;
melyik=0;
function valaszt(th) {
nev=th.name;
melyik=nev.substring(3);
alert(melyik);
}
</script>
</head>
<body>
<p>
<div>
<a href="#" onclick="valaszt(this)" class="kep0" style="width:100" alt=""> </a>
<a href="#" onclick="valaszt(this)" name="val1" class="kep1" style="width:20; z-index:5"> </a>
<a href="#" onclick="valaszt(this)" name="val2" class="kep2" style="width:40; z-index:4"> </a>
<a href="#" onclick="valaszt(this)" name="val3" class="kep3" style="width:60; z-index:3"> </a>
<a href="#" onclick="valaszt(this)" name="val4" class="kep4" style="width:80; z-index:2"> </a>
<a href="#" onclick="valaszt(this)" name="val5" class="kep5" style="width:100; z-index:1"> </a>
</div>
</body>
</html>
előre is köszönöm!
???
De van
Hogy ontopic is legyek:
A megoldás annyi, hogy egy ciklusban a kattintott csillagig minden csilagot beszínezel. Ehhez tudnod kell, melyik csillagra kattintottak, és tudnod kell hol vannak a dom-ban a csilagok, hány csillagod van stb.
Ja és ahhoz, hogy tudd, hol vannak a dom-ban a csillagok, célszerű lesz id-vel ellátni a megfelelő elemeket (képek, konténer div), hogy javascriptből könnyen előkaphasd őket.
Itt egy téma.