Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

[imagemap] Alle coördinaten eigen javascript functie

mw22
3 antwoorden
  • 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
  • http://www.google.com/search?sourceid=navclient&ie=UTF-8&oe=UTF-8&q=javascript+determine+mouse+position
  • 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

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.