21. juni 2004 - 16:42
Der er
8 kommentarer og 1 løsning
link hvis value er true
Jeg har en select, hvori man skal vælge en option. Hvis man gør dette skal det blive muligt at klikke på et billede (fx. bilyes.gif) ved siden af, som linker videre til en anden side. Er der intet valgt i select'en vises et andet billede (fx. bilno.gif) og det linker ikke til noget. Alt="" og src="" i billedet må gerne blive udskiftet med den value, der vægles i select'en. <table> <tr> <td><select> <option value="">Nej</option> <option value="yes">Ja</option> </select></td> <td>XXX<img src="" alt="" />XXX</td> </tr> </table> Hvis der er nogen spørgsmål, så fyr løs. PS: Skal også gerne virke på mac. - HMM10
Annonceindlæg fra Deloitte
<table> <tr> <td><select onchange="if(this.selectedIndex>0)setImg(this)"> <option value="">Nej</option> <option value="yes">Ja</option> </select></td> <td>XXX<img src="bilno.gif" alt="no" name="mitPic" onclick="linkOk()" />XXX</td> </tr> </table> <script type="text/javascript"> var vals = ['bilno.gif',false,'bilyes.gif',true],actval=0; function setImg(sel){ i = document.images['mitPic']; v = sel.options[sel.selectedIndex].value; i.src = vals[sel.selectedIndex*2]; i.alt = v; actval = sel.selectedIndex; } function linkOk(){ if(vals[actval*2+1]){ location.href = "bilyesSide.html"; } } </script>
Noget i den her retning? <script type="text/javascript"> function changepic(objvalue) { var pic1 = "mappe/billed.jpg"; var pic2 = "mappe/billede2.jpg"; if (objvalue == "yes") { document.getElementById('pic1').src = pic2; document.getElementById('pic1').style.cursor = "pointer"; document.getElementById('pic1').alt = "Ja"; } else { document.getElementById('pic1').src = pic1; document.getElementById('pic1').style.cursor = "default"; document.getElementById('pic1').alt = "Nej"; } } function clickpic(valueident) { var newlocation = "side2.html"; if (valueident == "Ja") { document.location.href = newlocation; } } </script> <table> <tr> <td><select onChange="changepic(this.value)"> <option value="no" SELECTED>Nej</option> <option value="yes">Ja</option> </select></td> <td>XXX<img id="pic1" src="mappe/billed.jpg" alt="Nej" onclick="clickpic(this.alt)" />XXX</td> </tr> </table>
jeg lidt forvirret.. jeg kan se selecten i koden fra jer begge to, men jeg kan ingen se i min browser..
Hmm, der var ikke angivet en width.. sorry..
Det lyder undeligt, hvilken browser bruger du da? Det kunne være du skulle sætte lidt head og body ind: <html> <head> <title>Select test</title> <script type="text/javascript"> javascript kode her </script> </head> <body> select kode her </body> </html>
Begge virker fint i Explore.. Tester lige på mac'en..
terrak's virker på mac - roenving's virker ikke på mac.. (Testet i Safari 1.1 og Netscape 7.1 og Internet Explore:mac 5.2)
Hrm, lyder mystiskst, kan du se hvor det fejler ?-)
Nej. Jeg lukker.. Tak for hjælpen til jer begge.
Vi tilbyder markedets bedste kurser inden for webudvikling