ugrás a tartalomhoz

Csillagos szavazó szkript

PredMan · 2008. Júl. 19. (Szo), 17.50
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.html
  1. <html>  
  2.   
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=windows-1250">  
  5. <title>Új lap - 1</title>  
  6. <style>  
  7. .kep0, .kep1, .kep2, .kep3, .kep4, .kep5 {text-decoration:none; position:absolute;display:block}  
  8.   
  9. .kep0 {background-image:url('0.gif');}  
  10. a:hover.kep1 {background-image:url('1.gif')}  
  11. a:hover.kep2 {background-image:url('2.gif')}  
  12. a:hover.kep3 {background-image:url('3.gif')}  
  13. a:hover.kep4 {background-image:url('4.gif')}  
  14. a:hover.kep5 {background-image:url('5.gif')}  
  15. </style>  
  16.   
  17. <script language="javascript">  
  18.   
  19. var melyik;  
  20. melyik=0;  
  21.   
  22. function valaszt(th) {  
  23.     nev=th.name;  
  24.     melyik=nev.substring(3);  
  25.     alert(melyik);  
  26. }  
  27.   
  28. </script>  
  29. </head>  
  30.   
  31. <body>  
  32. <p>  
  33. <div>  
  34.    <a href="#" onclick="valaszt(this)" class="kep0" style="width:100" alt="">&nbsp;</a>  
  35.    <a href="#" onclick="valaszt(this)" name="val1" class="kep1" style="width:20; z-index:5">&nbsp;</a>  
  36.    <a href="#" onclick="valaszt(this)" name="val2" class="kep2" style="width:40; z-index:4">&nbsp;</a>  
  37.    <a href="#" onclick="valaszt(this)" name="val3" class="kep3" style="width:60; z-index:3">&nbsp;</a>  
  38.    <a href="#" onclick="valaszt(this)" name="val4" class="kep4" style="width:80; z-index:2">&nbsp;</a>  
  39.    <a href="#" onclick="valaszt(this)" name="val5" class="kep5" style="width:100; z-index:1">&nbsp;</a>  
  40. </div>  
  41.   
  42. </body>  
  43. </html>   
ez í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!
‹ li elemen belül szöveg vertikális pozicinálás firefox hiba ›
 ■
1

???

PredMan · 2008. Júl. 23. (Sze), 09.06
senkinek sincs ötlete ezügyben?
2

De van

zila · 2008. Júl. 23. (Sze), 10.09
Ismerkedj a javascripttel, kezdd el megvalósítani az ötletedet és ha elakadsz segítünk. Az, hogy mit szeretnél és ehhez szerinted js kell még nem elég. Jelen kiinduló helyzetben, te azt várod, hogy megírjuk helyetted a scriptet...

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.
3

Itt egy téma.

Velias9 · 2008. Júl. 23. (Sze), 15.30
Ebben a témában pont egy ilyen script van: http://weblabor.hu/forumok/temak/21907.