Avatar billede eyes Nybegynder
12. marts 2004 - 13:37 Der er 8 kommentarer og
1 løsning

onclick koordinat script

Hej jeg har fundet dette script, som jeg gerne vil have ændret lidt i, ved bare ikke hvordan.

Som scriptet er nu, skriver scriptet koordinaterne i to inputbokse når man klikker med musen. Dette er meget fint, men jeg vil gerne have så jeg kan give et billede et ID så den kun skriver koordinaterne når man klikker på billedets område.


<script language="JavaScript">

function getMousePos(e) { //you need the 'e', although it does NOT need to be defined
//NS
if (document.layers||document.getElementById&&!document.all) {
alert(e.pageX+"and"+e.pageY)
}
//IE
else if (document.all) {
form1.X.value=window.event.clientX
form1.Y.value=window.event.clientY
}
}

if(!window.captureEvents) document.onclick=getMousePos
if (window.captureEvents) {
window.captureEvents(Event.onclick)
window.onclick=getMousePos //e should not be defined
}

<!-- //
function onLoadResize() {
    var wBred =
window.innerWidth?window.innerWidth:document.body.clientWidth;
    var wHoj  =
window.innerWidth?window.innerHeight:document.body.clientHeight;
    var dBred =
document.width?document.width:document.body.scrollWidth;
    var dHoj  =
document.width?document.height:document.body.scrollHeight;
    window.resizeBy( dBred-wBred, dHoj-wHoj );
}; //end onLoadResize()
// -->
</script>

<form name="form1">
<input name="X" value="">
<input name="Y" value="">
</form>
Avatar billede eyes Nybegynder
12. marts 2004 - 13:38 #1
jeg kan se jeg kom til at poste et resize script, bare se bort fra dette
Avatar billede mm12010 Nybegynder
12. marts 2004 - 13:57 #2
Avatar billede eyes Nybegynder
12. marts 2004 - 14:12 #3
du er hurtig grini :D
Avatar billede mm12010 Nybegynder
12. marts 2004 - 14:22 #4
de kalder mig lynet ;-)
Avatar billede eyes Nybegynder
12. marts 2004 - 14:35 #5
Det er ikke helt optimalt, koordinatet bliver ændret når man submitter form :S
Avatar billede eyes Nybegynder
12. marts 2004 - 14:51 #6
løste den
Avatar billede eyes Nybegynder
12. marts 2004 - 14:51 #7
smid et svar

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>onclick koordinat script</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
function getMousePos(e){//you need the 'e', although it does NOT need to be defined
    if(document.layers||document.getElementById&&!document.all){//NS
        document.form1.X.value=e.pageX
        document.form1.Y.value=e.pageY
        }
    else if(document.all){//IE
        document.form1.X.value=window.event.clientX
        document.form1.Y.value=window.event.clientY
        }
    }

function initCap(){   
    if(!window.captureEvents) document.getElementById('clickPic').onclick=getMousePos
    if(window.captureEvents){
        window.captureEvents(Event('clickPic').onclick);
        document.getElementById('clickPic').onclick=getMousePos //e should not be defined
        }
    }
window.onload=initCap;
</script>
</head>
<body>
<img src="gfx/pic1.gif" width="190" height="140" id="clickPic">
<form name="form1">
  <input name="X" type="text" value="">
  <input name="Y" type="text" value="">
  <input type="submit" name="Submit" value="Submit">
</form>
</body>
</html>
Avatar billede mm12010 Nybegynder
15. marts 2004 - 14:30 #8
svar :o)
Avatar billede mm12010 Nybegynder
15. marts 2004 - 14:31 #9
troede jeg ;-)
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