Avatar billede Jman Praktikant
01. februar 2002 - 15:50 Der er 4 kommentarer og
1 løsning

Problemer med OnMouseOver

Hejsa!
Jeg kunne godt tænke mig at lave en OnMouseOver-funktion:
Når man peger på et image1 skal det skifte til image2, MEN SAMTIDIG skal den give et tekst-tip i en celle et andet sted på siden ... hvordan gør man det ?
Avatar billede fri-hash Nybegynder
01. februar 2002 - 16:14 #1
hvis du har funktionen til at skifte billede [skift()] og funktionen til at vise tippet [vis()], kalder du dem begge på mouseover ved at adskille med semikolon

onmouseover="skift();vis();"
Avatar billede Jman Praktikant
01. februar 2002 - 17:23 #2
og hvordan ville det så se ud i en kode....?
[eksempel]
Avatar billede Slettet bruger
02. februar 2002 - 13:37 #3
Virker i IE4+ og NS4+ (forhåbentlig):

<script>
function skift(bill,nySrc,txt) {
bill.src = nySrc;
if (document.getElementById) document.getElementById("txtfelt").innerHTML = txt;
else if (document.all) document.all.txtfelt.innerHTML = txt;
else if (document.layers) document.minilayer.document.minlayer.document.write(txt);
}
</script>

<img src="bill1.gif" onMouseOver="skift(this,'bill2.gif','Klik her!');" onMouseOut="skift(this,'bill1.gif','');">

Dette skal placeres, dér hvor teksten skal fremkomme:
<div id="txtfelt"><ilayer id="minilayer"><layer id="minlayer"></layer></ilayer></div>
Avatar billede Slettet bruger
02. februar 2002 - 13:40 #4
Og så kan det være en god idé at preloade billederne, fx:

<script>
b = new Array("bill1.gif","bill2.gif","bill3.gif"); //Alle billederne, der skal preloades
im = new Array();
for (i = 0; < b.length; i++) {
im[i] = new Image();
im[i].src = b[i];
}
</script>

P.S. Du kan sagtens bruge funktionen "skift" til at skifte mange billeder, fx:

<img src="bill1.gif" onMouseOver="skift(this,'bill2.gif','Klik her for at komme til side 1!');" onMouseOut="skift(this,'bill1.gif','');"><br>
<img src="bill3.gif" onMouseOver="skift(this,'bill4.gif','Klik her for at komme til side 2!');" onMouseOut="skift(this,'bill3.gif','');">
o.s.v.
Avatar billede Jman Praktikant
04. februar 2002 - 16:29 #5
perfekt! thanx
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