Avatar billede frkolsen Nybegynder
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?
Avatar billede phliplip Nybegynder
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!
Avatar billede phliplip Nybegynder
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>
Avatar billede phliplip Nybegynder
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 ;)
Avatar billede phliplip Nybegynder
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!
Avatar billede phliplip Nybegynder
16. januar 2006 - 11:58 #5
Svar
Avatar billede frkolsen Nybegynder
16. januar 2006 - 12:28 #6
Tak skal du have. Med a:hover selvf., det må være det enkleste.
Avatar billede frkolsen Nybegynder
16. januar 2006 - 12:29 #7
visibility: hidden; og visibility: visible; er jo også baggrundsuafhængige
Avatar billede roenving Novice
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>
Avatar billede roenving Novice
16. januar 2006 - 16:37 #9
-- men det kræver, at man _ikke_ sætter et linjeskift før a-tagget !-)
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