28. januar 2007 - 15:47Der 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>
Den moderne arbejdsplads er i stigende grad afhængig af mødelokaler til at fremme samarbejde, men dette skift medfører også stigende sikkerhedsudfordringer.
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) ...
Synes godt om
Ny brugerNybegynder
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.