Avatar billede supremebot Nybegynder
18. august 2005 - 13:38 Der er 3 kommentarer

omskrive så koden også virker i firefox

er der nogen der kan omskrive så koden også virker i firefox og opera.

det er bare en div der skal være ved siden af makøren når den er over en <tr>

<div id="billeddiv" style="position: absolute; top:0; left:0; height:50px; width:62px; display:none"><img id="billede" src="gfx/ukendt.jpg" width="50" height="62"></div>


function folg_mus(){
obj = document.getElementById("billeddiv");
obj.style.top = window.event.clientY + document.body.scrollTop ;
obj.style.left = window.event.clientX + 13;
}

function skift_billede(id){
obj = document.getElementById("billede");
document.getElementById("billeddiv").style.display = "block";
obj.src = "gen.php?key=" + id;

}

function skjul_billede(){
document.getElementById("billeddiv").style.display = "none";
}
Avatar billede skovenborg Nybegynder
18. august 2005 - 18:17 #1
I Mozilla fungerer måden at håndtere events på en lidt anden måde, da selve window.event ikke kan bruges direkte inde i funktionen, men skal sendes via et argument:
function folg_mus(event){
obj = document.getElementById("billeddiv");
x = (typeof event.pageX == "number") ? event.pageX : event.clientX;
y = (typeof event.pageY == "number") ? event.pageY : event.clientY;

obj.style.top = y + document.body.scrollTop +"px";
obj.style.left = x + 13+"px";
}

Mener godt nok at clientX og clientY også virker i de nye versioner af Mozilla, men for en sikkerhedsskyld plejer jeg at lade funktionen vælge imellem pageX/Y og clientX/Y. Desuden kræves der i Mozilla at du bruger enheder i CSS.

Du skal foresten kalde funktionen på denne måde:
<tr onmouseover="folg_mus(event);">
Om du bruger onmouseover eller onmouse-etellerandet er for så vidt ligemeget. Bare brug den du brugte før.
Avatar billede olebole Juniormester
18. august 2005 - 18:52 #2
<ole>

- paspå med 'document.body.scrollTop' - som afhænger af, om ens kode i øvrigt overholder CSS-standarden ... og hvad browseren hedder  ;o)

/mvh
</bole>
Avatar billede supremebot Nybegynder
19. august 2005 - 11:21 #3
hvad kan jeg så bruge istedet for 'document.body.scrollTop' ???
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