Günter Laudenklos: Bildkoordinaten eines Button

Beitrag lesen

Hallo Frank,

folgende Lösung habe ich mal kurz getestet
<kleine Randbemerkung>
left und top entsprechen beim Netscape x und y
und ein <DIV> ohne jegliches Style-Attribut ist für Netscape kein Layer
</kleine Randbemerkungr>

... snip ...

<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)
{
page_x = Ereignis.pageX;
page_y = Ereignis.pageY;

lay_edge_x = document.layers['bild1'].document.images[0].x
lay_edge_y = document.layers['bild1'].document.images[0].y

coord_x = page_x - lay_edge_x
coord_y = page_y - lay_edge_y
alert ('Mausclick im Button X=' + coord_x + ' Y='  + coord_y);
}
    
}

function init()
{
if (document.layers)
{
  document.captureEvents(Event.MOUSEDOWN);
}
document.onmousedown = LayerPos;
}

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" style="position:relative;"><img src="Geomark02.gif" width="126" height="25" alt="" border="0" onClick="Koord_IEX()"></div></td>
</tr>
</table>

... snap ...

Viele Grüße Günter