Avatar billede newbie.dk Praktikant
01. juli 2005 - 15:35 Der 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>
Avatar billede plazm Nybegynder
01. juli 2005 - 16:29 #1
<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');">
Avatar billede newbie.dk Praktikant
02. juli 2005 - 00:33 #2
Kan man gemme Normal Tekst i en variable, den kommer nemlig til at stå mange gange?
Avatar billede plazm Nybegynder
02. juli 2005 - 08:55 #3
<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','');">
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