Avatar billede rasmus_a Nybegynder
04. marts 2005 - 17:05 Der er 8 kommentarer og
1 løsning

On Hover skift tekst

Hej

Jeg har pt følgende HTML kode.

<span class="et">Select: </span><span class="to"><a href="side.htm">Launch</a></span>

Og jeg vil gerne have det sådan, at når man har musen over "Launch" så skifter teksten "Select:" til "GO!"

Mvh
Rasmus
Avatar billede elskermad.dk Nybegynder
04. marts 2005 - 19:26 #1
<span id='et' class="et">Select: </span><span class="to" onMouseOver='document.getElementById("et").innerHTML="GO!"'><a href="side.htm">Launch</a></span>
Avatar billede rasmus_a Nybegynder
04. marts 2005 - 20:47 #2
det virker fint men det fjerner også linket. Det skal det ikke. Det skal blot ændre den forreste tekst. Og når man trækker musen væk fra linket skal teksten se ud som i starten
Avatar billede elskermad.dk Nybegynder
04. marts 2005 - 21:04 #3
<span id='et' class="et">Select: </span><span class="to" onMouseOver='document.getElementById("et").innerHTML="<a href=\"side.htm\"'>GO!</a>"' onMouseOut='document.getElementById("et").innerHTML="<a href=\"side.htm\"'>LAUNCH</a>"'><a href="side.htm">Launch</a></span>

kan godt være jeg lige mistede overblikket over '"\"'erne men ellers skal det lige tilpasses :)
Avatar billede rasmus_a Nybegynder
04. marts 2005 - 21:12 #4
arg, det er godt nok uoverskueligt. der må være en måde blot at ændre den forreste tekst og ikke begge tekster
Avatar billede elskermad.dk Nybegynder
04. marts 2005 - 22:00 #5
virker det som du vil have det? for hvis, kan du jo smide det i en funktion og på den måde få det lidt mere overskueligt
Avatar billede rasmus_a Nybegynder
04. marts 2005 - 22:30 #6
nej det gav en fejl.. jeg vil ikke bruge scriptet hvis det ændrer begge tekster. sorry - men det skal helst være simpelt.
Avatar billede blackscorpion Nybegynder
06. marts 2005 - 06:23 #7
<span id='et' class="et">Select: </span>
<span class="to"><a href="side.htm" onMouseOver='document.getElementById("et").innerHTML="GO! "' onMouseOut='document.getElementById("et").innerHTML="Select: "'>Launch</a></span>

Sådan skal den se ud, og så har jeg tilføjet en OnMouseOut, sådan at den så også skifter tilbage hvis man fjerner musen, og ikke klikker på linket. :D

elskermad.dk --> dit OnMouseOver skal stå i <a href=""> :D
Avatar billede rasmus_a Nybegynder
06. marts 2005 - 17:18 #8
tak! :D
Avatar billede blackscorpion Nybegynder
06. marts 2005 - 17:28 #9
var så lidt. :D
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