[imagemap] Alle coördinaten eigen javascript functie

[anoniem]

Hallo mensen! Ik wil graag aan iedere coördinaat van een plaatje een functie oproepen met attributen afhankelijk van het coördinaat; dus als javascript:MyFunctie(x,y) Is dit in een keer mogelijk? of moet ik voor iedere coördinaat een aparte link maken?? Thanks. Jasper

[anoniem]

http://www.google.com/search?sourceid=navclient&ie=UTF-8&oe=UTF-8&q=javascript+determine+mouse+position

[anoniem]

Oh kijk! dit is zelfs beter! Bedankt! Alleen snap ik niet waarom document.plaatje.offsetTop een andere waarde geeft, dan de waarde van de cursor, precies op het hoekpunt van het plaatje. De code die ik gebruikt heb (direct gekopieerd idd :oops: ) is: [code:1:bd0f3283c2]// Set Netscape up to run the "captureMousePosition" function whenever // the mouse is moved. For Internet Explorer and Netscape 6, you can capture // the movement a little easier. if (document.layers) { // Netscape document.captureEvents(Event.MOUSEMOVE); document.onmousemove = captureMousePosition; } else if (document.all) { // Internet Explorer document.onmousemove = captureMousePosition; } else if (document.getElementById) { // Netcsape 6 document.onmousemove = captureMousePosition; } // Global variables xMousePos = 0; // Horizontal position of the mouse on the screen yMousePos = 0; // Vertical position of the mouse on the screen xMousePosMax = 0; // Width of the page yMousePosMax = 0; // Height of the page function captureMousePosition(e) { if (document.layers) { // When the page scrolls in Netscape, the event's mouse position // reflects the absolute position on the screen. innerHight/Width // is the position from the top/left of the screen that the user is // looking at. pageX/YOffset is the amount that the user has // scrolled into the page. So the values will be in relation to // each other as the total offsets into the page, no matter if // the user has scrolled or not. xMousePos = e.pageX; yMousePos = e.pageY; xMousePosMax = window.innerWidth+window.pageXOffset; yMousePosMax = window.innerHeight+window.pageYOffset; } else if (document.all) { // When the page scrolls in IE, the event's mouse position // reflects the position from the top/left of the screen the // user is looking at. scrollLeft/Top is the amount the user // has scrolled into the page. clientWidth/Height is the height/ // width of the current page the user is looking at. So, to be // consistent with Netscape (above), add the scroll offsets to // both so we end up with an absolute value on the page, no // matter if the user has scrolled or not. xMousePos = window.event.x+document.body.scrollLeft; yMousePos = window.event.y+document.body.scrollTop; xMousePosMax = document.body.clientWidth+document.body.scrollLeft; yMousePosMax = document.body.clientHeight+document.body.scrollTop; } else if (document.getElementById) { // Netscape 6 behaves the same as Netscape 4 in this regard xMousePos = e.pageX; yMousePos = e.pageY; xMousePosMax = window.innerWidth+window.pageXOffset; yMousePosMax = window.innerHeight+window.pageYOffset; } var ht = document.plaatje.offsetTop; window.status = "xMousePos=" + xMousePos + ", yMousePos=" + yMousePos + ", xMousePosMax=" + xMousePosMax + ", yMousePosMax=" + yMousePosMax + ", position of image=" + ht; }[/code:1:bd0f3283c2] Waarom krijgt dus yMousePos, met de cursor precies op het hoekpunt van het plaatje dus een andere waarde dan ht?? (het scheelt iets van twee pixels ofzo... :-? ) heb al gekeken naar de marge van de pagina, maar dat maakt niks uit... Bedankt! Jasper

[anoniem]

De offsettop property geeft een waarde in px van de op dat moment weergegeven offset tov zijn parent object (nou ja, in de meeste gevallen). Dat parent object kan van alles zijn, maar is misschien hier het body element. Het body element is ook nog een child van het html element. Als je in je css zet: htm{ margin:0px; padding:0px; } Is het dan veranderd?