16. januar 2006 - 11:50
Der er
8 kommentarer og 1 løsning
(U-)synligt login-script onmouse-
Jeg har et link til et login-script: <a href="java script:login()">Login</a> Hvordan sætter jeg 'onmouse..' så det kun er synligt når markøren er over det?
Annonceindlæg tema
Offentlig digitalisering
Fra effektivisering til digital suverænitet. Hvordan skaber det offentlige en digital fremtid med AI, sikkerhed og kontrol i centrum?
16. januar 2006 - 11:54
#1
<div onmouseover="document.getElementById('loginLink').style.visibility = 'visible';" onmouseover="document.getElementById('loginLink').style.visibility = 'hidden';"><a id="loginLink" href="java script:login()" style="visibility: hidden;">Login</a></div> Følgende virker :P Testet i IE ved ikke med FireFox og Opera!
16. januar 2006 - 11:55
#2
<div onmouseover="document.getElementById('loginLink').style.visibility = 'visible';" onmouseout="document.getElementById('loginLink').style.visibility = 'hidden';"><a id="loginLink" href="java script:login()" style="visibility: hidden;">Login</a></div>
16. januar 2006 - 11:57
#3
Du kan også bare bruge CSS.. Sæt color på linket til samme som din baggrundsfarve og så ved :hover den color som den skal have ved highligt ;)
16. januar 2006 - 11:58
#4
Bonus'en ved det første script er at det er baggrundsfarve uafhængigt og teksten Login kan ikke ses hvis man tilfældigvis kommer til at markere det!
16. januar 2006 - 11:58
#5
Svar
16. januar 2006 - 12:28
#6
Tak skal du have. Med a:hover selvf., det må være det enkleste.
16. januar 2006 - 12:29
#7
visibility: hidden; og visibility: visible; er jo også baggrundsuafhængige
16. januar 2006 - 16:36
#8
Og en lille forkortelse kan det være, at man tager udgangspunkt i elementet, man alligevel er i: <div onmouseover="this.firstChild.style.visibility= visible';" onmouseout="this.firstChild.style.visibility='hidden';"><a id="loginLink" href="java script:login()" style="visibility: hidden;">Login</a></div>
16. januar 2006 - 16:37
#9
-- men det kræver, at man _ikke_ sætter et linjeskift før a-tagget !-)
Vi tilbyder markedets bedste kurser inden for webudvikling