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 tema
Cloud & AI
I dette særtema ser vi på, hvordan cloud og AI bliver fundamentet for virksomhedernes digitale forretning, og hvordan de nye muligheder for automatisering og forretningsværdi kan udnyttes uden at miste overblik, sikkerhed og menneskelig kontrol.
<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