01. juli 2005 - 15:35Der er
2 kommentarer og 1 løsning
Tekst der ligger bagved en mouseover funktion
Ved ikke lige hvordan jeg skal forklare dette, men prøver. Jeg har en funktion der ved mouseover viser noget tekst et andet sted på siden. Teksten ligger i en celle. Nu kunne jeg godt tænke mig at der stod noget i cellen inden mouseover. Også ved mouseover skiftes teksten, og den første tekst kan ikke ses mere. Her er kode jeg bruger:
<script type="text/javascript"> var preloadImages = ["billede3.png","billede4.png"]; var imageArray = new Array(); // Preloader billederne for (i=0;i<preloadImages.length;i++) { imageArray[i] = new Image(); imageArray[i].src = preloadImages[i]; } var elementId = "tekstboks"; function changeImage(img,url,tekst) { img.src = url; document.getElementById(elementId).innerHTML = tekst; } </script>
<body> <span id="tekstboks"></span> <img src="billede1.png" onmouseover="changeImage(this,'billede3.png','Dette er et billede');" onmouseout="changeImage(this,'billede1.png','');"> <img src="billede2.png" onmouseover="changeImage(this,'billede4.png','Dette er et billede');" onmouseout="changeImage(this,'billede2.png','');">
Teksten kommer ind ved <span id="tekstboks"></span>
<span id="tekstboks">Normal Tekst</span> <img src="billede1.png" onmouseover="changeImage(this,'billede3.png','Dette er et billede');" onmouseout="changeImage(this,'billede1.png','Normal Tekst');"> <img src="billede2.png" onmouseover="changeImage(this,'billede4.png','Dette er et billede');" onmouseout="changeImage(this,'billede2.png','Normal Tekst');">
<script type="text/javascript"> var preloadImages = ["billede3.png","billede4.png"]; var normalTekst = "Dette er Normalteksten som altid skal vises"; var imageArray = new Array(); // Preloader billederne for (i=0;i<preloadImages.length;i++) { imageArray[i] = new Image(); imageArray[i].src = preloadImages[i]; } var elementId = "tekstboks"; function changeImage(img,url,tekst) { img.src = url; document.getElementById(elementId).innerHTML = (tekst.length > 0?tekst:normalTekst); } </script>
<span id="tekstboks"></span> <img src="billede1.png" onmouseover="changeImage(this,'billede3.png','Dette er et billede');" onmouseout="changeImage(this,'billede1.png','');"> <img src="billede2.png" onmouseover="changeImage(this,'billede4.png','Dette er et billede');" onmouseout="changeImage(this,'billede2.png','');">
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.