Avatar billede ibleif Nybegynder
23. august 2005 - 16:29 Der er 9 kommentarer og
1 løsning

window.event.x i Firefox

Hej alle!

Jeg har et JS som virker fint i Internet Explorer, men det ser ud til at følgende skal være anderledes i Firefox: windows.event.x

Jeg bruger det til at hente x og y koordinat ud på et event selvfølgelig! :-)

Nogen der har en anden løsning?

// Ibleif
Avatar billede olebole Juniormester
23. august 2005 - 16:34 #1
<ole>

Du må vist mene window.event.x  ;o)

Utroligt, det virker, hvad det absolut ikke burde - det er i hvert fald helt udokumenteret  :)

Hvad du skal bruge, kommer lidt anpå, hvordan det skal bruges, da de to browseres event-model er en del forskellig.

/mvh
</bole>
Avatar billede ibleif Nybegynder
23. august 2005 - 19:49 #2
Hejsa.

Jeg har en mouseover på et billede, som viser en hjælpetekst. JS er bestemt ikke min stærke side, så er noget jeg har fundet på nettet. Kan være det skal laves anderledes så.

var x;
var y;
x = window.event.x + 15;
y = window.event.y + 15;
document.getElementById('MyHelp').style.left = x;
document.getElementById('MyHelp').style.top = y + document.body.scrollTop;

// Ibleif
Avatar billede olebole Juniormester
23. august 2005 - 19:57 #3
- og hvordan opretter du din mouseover?
Avatar billede ibleif Nybegynder
23. august 2005 - 21:07 #4
OnMouseOver="java script:ShowIt()"
OnMouseOut="java script:HideIt()"
OnMouseMove="java script:UpdateIt()"

Det er UpdateIt metoden der sørger for at tegne mit div-element det rette sted i forbindelse med x/y koordinatet.

Giver det mening nok?

// Ibleif
Avatar billede ibleif Nybegynder
23. august 2005 - 21:15 #5
Er vel bare musens koordinat jeg har brug for egentlig.

// Ibleif
Avatar billede olebole Juniormester
23. august 2005 - 21:25 #6
Så kan du skrive:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>TITLE</title>
<style type="text/css">
body, html {
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
}
</style>
<script type="text/JavaScript">
function bla(e) {
    var dE, oGnu = document.getElementById("gnu");
    dE = document.documentElement;
    oGnu.style.left = (e.clientX+dE.scrollLeft) + "px";
    oGnu.style.top = (e.clientY+dE.scrollTop) + "px";
}
</script>
</head>
<body>

<div id="gnu" style="position:absolute;background-color:red">&nbsp;</div>

<div style="cursor:default" onclick="bla(event)">
    kjjk kj kj kjk jk jk jkj kjjk kj kj kjk jk jk jkj kjjk kj kj kjk jk jk jkj<br>
    kjjk kj kj kjk jk jk jkj kjjk kj kj kjk jk jk jkj kjjk kj kj kjk jk jk jkj<br>
    kjjk kj kj kjk jk jk jkj kjjk kj kj kjk jk jk jkj kjjk kj kj kjk jk jk jkj<br>
    kjjk kj kj kjk jk jk jkj kjjk kj kj kjk jk jk jkj kjjk kj kj kjk jk jk jkj<br>
    kjjk kj kj kjk jk jk jkj kjjk kj kj kjk jk jk jkj kjjk kj kj kjk jk jk jkj<br>
    kjjk kj kj kjk jk jk jkj kjjk kj kj kjk jk jk jkj kjjk kj kj kjk jk jk jkj<br>
    kjjk kj kj kjk jk jk jkj kjjk kj kj kjk jk jk jkj kjjk kj kj kjk jk jk jkj<br>
    kjjk kj kj kjk jk jk jkj kjjk kj kj kjk jk jk jkj kjjk kj kj kjk jk jk jkj<br>
    kjjk kj kj kjk jk jk jkj kjjk kj kj kjk jk jk jkj kjjk kj kj kjk jk jk jkj<br>
    kjjk kj kj kjk jk jk jkj kjjk kj kj kjk jk jk jkj kjjk kj kj kjk jk jk jkj<br>
    kjjk kj kj kjk jk jk jkj kjjk kj kj kjk jk jk jkj kjjk kj kj kjk jk jk jkj<br>
    kjjk kj kj kjk jk jk jkj kjjk kj kj kjk jk jk jkj kjjk kj kj kjk jk jk jkj<br>
    kjjk kj kj kjk jk jk jkj kjjk kj kj kjk jk jk jkj kjjk kj kj kjk jk jk jkj<br>
    kjjk kj kj kjk jk jk jkj kjjk kj kj kjk jk jk jkj kjjk kj kj kjk jk jk jkj<br>
</div>

</body>
</html>

- og nej, det er ikke kun musens koordinater, du skal bruge ... du skal bl.a. også lære, at CSS foreskriver, du _altid_ skal have enheder på andre dimensions-værdier, der ikke har værdien 0
Avatar billede olebole Juniormester
23. august 2005 - 21:27 #7
- og det virker i hvert fald i IE, Moz og Opera ... forudsat, du ikke disabler CSS i dokumentet. Det betyder, du skal sørge for, at bruge en DTD, som den, jeg skrev:
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

- og _husk_ URL'en i DTD'en  ;o)
Avatar billede ibleif Nybegynder
28. november 2006 - 11:12 #8
Ups.. har da helt glemt mine gamle spørgsmål her på Eksperten. Opret et svar, så får du point.

Bedre sent end aldrig! :-)

// Ibleif
Avatar billede olebole Juniormester
28. november 2006 - 14:25 #9
Hehe ... helt iorden. Det er også mere end tilfældigt, om man får e-mails om nyt i tråde - og i så fald hvilke  ;o)
Avatar billede olebole Juniormester
29. november 2006 - 10:09 #10
Tak for points  ;o)
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