nicht angemeldet
Hallo zusammen!
Ich möchte durch den Klick auf ein Bild (<img>) die Koordinaten des Mausklicks bzgl. der linken oberern Ecke des Bildes herausfinden.
Bei IE funktioniert das einfach mit xoffset siehe funktion Koord_IEX() *1.
Das gleiche möchte ich auch mit NS erreichen.:
Ich habe das Mausereignis Mousedown überwacht *2 und und kann auch die Koordinaten der *3 HTML Seite Ermitteln.
Jetzt muß ich noch wissen wie ich die *4 Eckkoordinaten des Breiches <div> mit Name Bild1 ermitteln kann.
Weiss jemand wie das geht.
chau
und Grüsse
Frank
<html><head><title>Test</title>
<script language="JavaScript">
//Koordinaten des Bildes
var coord_x;
var coord_y;
//Koordinaten der Html Setie
var page_x;
var page_y;
//Oberer Ecke des LAyers
var lay_edge_x;
var lay_edge_y;
function LayerPos(Ereignis)
{
if (document.layers)
{
*2 page_x = Ereignis.pageX;
page_y = Ereignis.pageY;
*4 //funktioniert nicht
lay_edge_x = document.layers['blid1'].left
lay_edge_y = document.layers['bild1'].top
alert('Ecke des ALyers' + lay_edge_x);
coord\_x = page\_x - lay\_edge\_x
coord\_y = page\_y - lay\_edge\_y
}
}
function init()
{
* 2 if (document.layers)
{
document.captureEvents(Event.MOUSEDOWN);
}
document.onmousedown = LayerPos;
}
*1 function Koord_IEX()
{
var clickx;
var clicy;
clickx =window.event.offsetX;
clicky =window.event.offsetY;
alert ('Mausclick im Button' + clickx);
alert ('Mausclick im Button' + clicky);
}
</script>
</head><body onload="init()">
<table border="3">
<tr>
<td> Text Text Text Text</td>
<td> Text Text Text Text</td>
</tr>
<tr>
<td> Text Text Text Text</td>
<td><div id="bild1"><img src="Geomark02.gif" width="126" height="25" alt="" border="0" onClick="Koord_IEX()"></div></td>
</tr>
</table>
P.S noch eine Sache von minderer Wichtigkeit: Falls jemand gerade zufällig weiss wo ich den Sourccode für ein Pull Down Menü finde wäre ich dankbar, dann muss ich das schon nciht selber machen