Søg
Avatar billede acid-head Nybegynder
05. marts 2004 - 19:14 Der er 3 kommentarer og
1 løsning

X- og Y-koordinat

Hvis jeg har et billede på fx 800x600 pixels, kan jeg så ved hjælp af javascript finde musens placering over billedet?

Altså ligesom 4. kvadrant i et koordinatsystem, hvor første pixel er (0,0) og sidste er (800,600) ?
Avatar billede olebole Juniormester
06. marts 2004 - 04:51 #1
<ole>

Hvis første pixel er (0,0), er sidste pixel (799,599)  ;o)

Du kan i princippet gøre noget à la:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
body, html {
    height: 100%;
    margin: 0px;
}
</style>
<script type="text/JavaScript">
function getPos(elm) {
    for (var zx=zy=0;elm!=null;zx+=elm.offsetLeft,zy+=elm.offsetTop,elm=elm.offsetParent);
    return {x:zx,y:zy}
}
function getCoords(e) {
    x = y = false;
    srcElm = (window.event)? event.srcElement : e.target;
    if (srcElm.id=="myPic") x = ( (window.event)? event.clientX-2 : e.clientX ) - getPos(srcElm).x;
    if (srcElm.id=="myPic") y = ( (window.event)? event.clientY-2 : e.clientY ) - getPos(srcElm).y;
    document.getElementById("displX").innerHTML = (x!==false)? x : "";
    document.getElementById("displY").innerHTML = (y!==false)? y : "";
}
window.onload = function() {
    document.onmousemove = getCoords;
}
</script>
</head>
<body>

<div style="padding:20px;">
    X: <span id="displX"></span>px<br>
    Y: <span id="displY"></span>px<br><br>
    <img id="myPic" src="Sascha.jpg" width="400" height="538" alt="" border="0">
</div>

</body>
</html>

/mvh
</bole>
Avatar billede acid-head Nybegynder
08. marts 2004 - 22:57 #2
Det virker fint..
Vil se om jeg kan gennemskue det.. :)
Vil du lægge et svar så du kan få point..?
Avatar billede olebole Juniormester
13. marts 2004 - 19:18 #3
ARRGGHHH .... DAMNED ...!!! Nu er det anden gang i aften, jeg sidder og skriver et indlæg, som forsvinder, når jeg trykker 'Send'.
Sidste gang E led af den fejl, måtte vi trækkes med den i måneder. Det er zq da utroligt, man ikke kan få en let udviddet tag-wall til at fungere bedre ...!??!!!

Well, acid-head ... det er ikke noget personligt, men jeg orker ikke at skrive det hele ud i lange, veldokumenterede funktioner én gang til  :o|
/mvh
Avatar billede acid-head Nybegynder
13. marts 2004 - 21:05 #4
Det er iorden.. Det virker og pointene er dine.. ;)
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 12:21 Er det svindel eller fra Microsoft Af mort1 i Andet sikkerhed
I går 11:56 Er det muligt at lave sin egen webserver i boligforening? Af Strawberry i Cloudtjenester
14/0810:21 Ny printer, men hvilken Af mort1 i Printere
13/0819:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
White papers
Flere white papers »