Avatar billede ravnborg Nybegynder
14. september 2006 - 17:33 Der er 9 kommentarer og
1 løsning

Hjælp til at rette et java-script.

Jeg har fundet dette script, til at vurdere billeder på ens side.
Der vises 5 stjerner og man skal så klikke på det antal som man mener der passer.

Når man klikker genlæses siden med nogel mærkelige variabler feks.  galleri_vis.asp?star3.x=11&star3.y=7.

Hvordan ændre man sådan at linket bliver:
vurdere.asp?star=star3
når man klikker på 3. stjerne.


<form>
<script language="JavaScript">
    function swapStars(star) {
        for(i=1;i<6;i++){
            document.getElementById("star"+i).src='pic/star_sh.gif';
        }
        for(i=1;i<=star;i++){
            document.getElementById("star"+i).src='pic/star.gif';
        }
    }
   
    function stopStars(star) {
        swapStars(star);
        for(i=1;i<6;i++){
            document.getElementById("star"+i).onmouseout='';
            document.getElementById("star"+i).onmouseover='';
        }
    }
</script>
   
<div align="center">
<form style="display:inline;" name="fmavote" method="post" action="">
<input onMouseDown="stopStars(1);" onMouseOver="swapStars(1)" onMouseOut="swapStars()" src="pic/star_sh.gif" type="image" name="star1" id="star1">
<input onMouseDown="stopStars(2);" onMouseOver="swapStars(2)" onMouseOut="swapStars()" src="pic/star_sh.gif" type="image" name="star2" id="star2">
<input onMouseDown="stopStars(3);" onMouseOver="swapStars(3)" onMouseOut="swapStars()" src="pic/star_sh.gif" type="image" name="star3" id="star3">
<input onMouseDown="stopStars(4);" onMouseOver="swapStars(4)" onMouseOut="swapStars()" src="pic/star_sh.gif" type="image" name="star4" id="star4">
<input onMouseDown="stopStars(5);" onMouseOver="swapStars(5)" onMouseOut="swapStars()" src="pic/star_sh.gif" type="image" name="star5" id="star5">
</form>
</div>
</form>


vh
ravnborg
Avatar billede Slettet bruger
14. september 2006 - 17:36 #1
Så vidt jeg kan se er der ikke galt noget med dette script, men der er heller ikke noget der henviser til nogen url og slet ikke den du skriver, så hvis det ikke er mig der tager fejl så mangler du at poste noget kode.
Avatar billede ravnborg Nybegynder
14. september 2006 - 18:34 #2
Der mangler ikke noget af scriptet.
Jeg kan heller ikke fange hvorfor den reloader siden og hvor variablerne kommer ind.
Avatar billede ravnborg Nybegynder
14. september 2006 - 18:46 #3
Hvis jeg i action indsætter en side hopper den derhen.

Hvordan får jeg en variable med der fortæller hvilken stjerne der blev trykket på?
Avatar billede psykochicken Nybegynder
15. september 2006 - 20:43 #4
den reloader siden, fordi <input type="image"... har en indbygget submitfunktion lige som <input type="submit" !

Du kan forhindre den indbyggede submitfunktion i at blive udført ved ex:
<input type="image" onclick="stopStars(1);return false;"......

/psc
Avatar billede colgate Nybegynder
15. september 2006 - 21:42 #5
okay så man skal tilføje 'return false;
Avatar billede psykochicken Nybegynder
17. september 2006 - 10:58 #6
Ja og nej.....det hjælper ikke at tilføje 'return false' til onmousedown, så enten:
- ændre onmousedown til onclick, eller
- beholde onmousedown-funktionen og tilføje onclick="return false;"

/psc
Avatar billede ravnborg Nybegynder
19. september 2006 - 21:09 #7
Fint, nu genindlæser den ikke siden. (har indsat onclick="return false;")

Men jeg vil gerne have at den går til en ny side, med en variabel der fortæller hvilken stjerne der blev trykket på.
Avatar billede psykochicken Nybegynder
22. september 2006 - 01:48 #8
undskyld...havde lige glemt dig.
"Hvordan ændre man sådan at linket bliver: vurdere.asp?star=star3 når man klikker på 3. stjerne."

Prøv med:
function gonow(id){
  document.location.href = "vurdere.asp?star=" + id;
}

..og tilføj gonow(this.id) til din onclick-funktion:
<input onMouseDown="stopStars(1);" onclick="gonow(this.id);return false;"..osv

/psc
Avatar billede ravnborg Nybegynder
22. september 2006 - 22:45 #9
Det virker!

opret lige et svar
Avatar billede psykochicken Nybegynder
22. september 2006 - 23:36 #10
kommer her ;o)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester