30. maj 2007 - 10:46
Der er
18 kommentarer og 1 løsning
Rettelse af java-script
Hej, dette lille script virker, men man skal klikke 2 gange på linket, nogen der kan rette dette, så et klik er nok? <a href="#" onClick="document.getElementById('test').style.visibility='visible'">Klik her</a><br> <div id="test" style="visibility: hidden;"><b>Dette er en test:</b></div>
Annonceindlæg fra Academic Work Denmark A/S
<ole> Med dén kode skal du da kun klikke én gang. Hvad er problemet? =) /mvh </bole>
I IE6 skal jeg klikke 2 gange.
Lyder underligt.. Men hvad hvis du bruger void(0)? <a href="java script:void(0);" onClick="document.getElementById('test').style.visibility='visible'">Klik her</a><br> <div id="test" style="visibility: hidden;"><b>Dette er en test:</b></div>
Det virker. Tak for hjælpen :)
Tja ... dit eget eksempel virker fint med ét klik i en ganske almindelig opdateret IE6 - så du har nok lavet nogle andre fejl =)
-- eller: ;return false; til sidst i onclick på linket !-)
Kunne være smart, hvis man kunne klikke på "Åben tekst her", og "Luk tekst her".
function toggle(o, sId) { var vis = document.getElementById(sId).style=="visible" ? "hidden" : "visible"; document.getElementById(sId).style.visibility = vis; o.firstChild.nodeValue = vis=="hidden" ? "Åben her" : "Luk her"; } <a href="#" onClick="toggle(this, 'test');return false">Klik her</a><br> <div id="test" style="visibility: hidden;"><b>Dette er en test:</b></div>
Virker ikke helt :(, viser kun et link: klik her Men faktisk var tanken om linket viser klik her for at åbne, og når teksten er åbnet, viser linket: klik her for at lukke
var vis = document.getElementById(sId).style.visibility=="visible" ? "hidden" : "visible"; - sæ'fø'li' =)
- derudover gør den vist, som du ønsker. Ret selv lige teksterne til ;o)
Lige en ting mere. Nu virker det perfekt med links, men kunne det også lade sig gøre at erstatte disse links med et ikon?
Ja: function toggle(o, sId) { var vis = document.getElementById(sId).style=="visible" ? "hidden" : "visible"; document.getElementById(sId).style.visibility = vis; o.setAttribute("src", vis=="hidden" ? "A.gif" : "B.gif"); } <img src="A.gif" onClick="toggle(this, 'test')"><br> <div id="test" style="visibility: hidden;"><b>Dette er en test:</b></div>
Hov! åbner teksten, men kan ikke lukke igen.
Vi tilbyder markedets bedste kurser inden for webudvikling