Aaron: Image Maps Koordinaten

Guten Tag,
Ich habe eine Seite gemacht die 4 Menus hat (alle auf einzelnen Seiten ) und jeweils ein Content Layer. (Die menus auch in Layern)
Das ganze befindet sich immer auf einem Bild das durch ein JS maximiert wird. Damit die Layer immer auf dem im Bild vorgesehenden Bereich sind habe ich ein ein paar Zeilen Javascript geschrieben. Sobald ich das auf Image Maps übertragen will (die ich brauch um die Seiten zu verlinken) geht das nicht. Die Koordinaten werden korekt berechnet aber ich kann nichts anklicken.

Hier falls nötig der Code:
//Resizen
var faktor = document.body.clientHeight / document.getElementById("bild").height;
var y = document.getElementById("bild").height * faktor
var x = document.getElementById("bild").width * faktor
document.getElementById("bild").height = y;
document.getElementById("bild").width = x;

//Layer content positionieren
document.getElementById("content").style.left = document.getElementById("bild").width/(1024/568);
document.getElementById("content").style.top = document.getElementById("bild").height/(768/386);
document.getElementById("content").style.width = document.getElementById("bild").width/(1024/330);
document.getElementById("content").style.height = document.getElementById("bild").height/(768/249);

//Area postionieren
var kreis1 = document.getElementById("bild").width/(1024/531);
var kreis2 = document.getElementById("bild").height/(1024/52);
var kreis3 = ((document.getElementById("bild").width*document.getElementById("bild").height)/(1024*768))*52;
document.getElementById("aktuell").coords = (kreis1),(kreis2),(kreis3);
alert (kreis1);
alert (kreis2);
alert (kreis3);

  1. Hi,

    document.getElementById("bild").height = y;

    Falsch - da fehlt die Einheit. Wie bei allen Zuweisungen, die Du für CSS-Längenangaben machst.

    document.getElementById("aktuell").coords = (kreis1),(kreis2),(kreis3);

    Hier weist Du (kreis1) zu. Anschließend wird der Ausdruck (kreis2) berechnet, danach (kreis3)

    cu,
    Andreas

    --
    Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
    http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/
    1. Hallo,

      document.getElementById("bild").height = y;

      Falsch - da fehlt die Einheit. Wie bei allen Zuweisungen, die Du für CSS-Längenangaben machst.

      Hier findet aber keine CSS-Wertzuweisung statt. Es handelt sich um die Kurzfassung von document.getElementById("bild").setAttribute("height",y);

      MfG, Thomas

      1. Hi,

        document.getElementById("bild").height = y;
        Falsch - da fehlt die Einheit. Wie bei allen Zuweisungen, die Du für CSS-Längenangaben machst.
        Hier findet aber keine CSS-Wertzuweisung statt. Es handelt sich um die Kurzfassung von document.getElementById("bild").setAttribute("height",y);

        Ok, bei dieser und der folgenden Zeile nicht - aber danach kommen mehrere Zeilen, auf die meine Aussage zutrifft.

        cu,
        Andreas

        --
        Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
        http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/