Avatar billede martinhrj Nybegynder
28. januar 2007 - 15:47 Der er 4 kommentarer og
1 løsning

Ændre tekst i div ved onmouseover

Hej eksperter.

Jeg vil gerne ændre noget tekst på min hjemmeside (pt. i en <div></div>) når musen kører hen over det.

Det jeg gerne vil opnå er at et billede skal udskiftes med en tekst, når musen kører hen over det.

Kan det ikke lade sig gøre?
Jeg har forsøgt med et lille eksempel, som herunder, men det lykkedes ikke rigtig :(
<p name="hej" onMouseOver="hej.text='du';" onMouseOut="hej.text='hej';">her</p>
Avatar billede webudvikleren Nybegynder
28. januar 2007 - 15:57 #1
<p name="hej" onMouseOver="this.innerHTML='du';" onMouseOut="this.innerHTML='hej';">her</p>
Avatar billede martinhrj Nybegynder
28. januar 2007 - 15:59 #2
Tusind tak! Det var jo lige hvad jeg skulle bruge :)
Avatar billede martinhrj Nybegynder
28. januar 2007 - 16:00 #3
Smid et svar... så får du point.
Avatar billede webudvikleren Nybegynder
28. januar 2007 - 16:07 #4
svar :-)
Avatar billede roenving Novice
29. januar 2007 - 00:17 #5
Og en rigtigere måde at gøre det på, vil f.eks. være:

<div style="width:200px;height:150px;text-align:center;" onmouseover="this.getElementsByTagName('img')[0].style.display='none';this.getElementsByTagName('span')[0].style.display='inline';" onmouseout="this.getElementsByTagName('span')[0].style.display='none';this.getElementsByTagName('img')[0].style.display='inline';">
  <img src="ditBillede.jpg" style="width:200px;height:150px;">
  <span style="display:none;"><br><br>Billedet kan købes hos mig</span>
</div>

-- og grunden til at det er rigtigere er, at innerHTML strider grundlæggende mod tankegangen i (x)html-DOM (document object model) ...
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