ThePosterity
Aktives Mitglied
Es funktioniert nur im Firfox aber nicht im IE !!!
Irgendwie Funktioniert das onclick nicht mehr ich habe aber keine ahnung warum
Naja evtl könnt ihr mir da weiter helfen ?
CODE
<html>
<head>
<link href="css.css" type="text/css" rel="stylesheet">
<title>window.status !!!</title>
</head>
<body scroll="auto">
<script language="JavaScript" type="text/javascript">
function setCords(e)
{
x = (document.all) ? window.event.x + document.body.scrollLeft : e.pageX;
y = (document.all) ? window.event.y + document.body.scrollTop : e.pageY;
x -= document.getElementById("bild").offsetLeft;
y -= document.getElementById("bild").offsetTop;
}
document.onmousemove = setCords;
function getCords()
{
self.status = ("x: " + x + " y: " + y);
}
</script>
<br><br>
<form name="selected" action="" method="GET">
<center>
<img src="2.JPG" id="bild" onmousemove="getCords()" onclick="window.status = 'Karte 0'; return true;">
<img src="2.JPG" id="bild" onmousemove="getCords()" onclick="window.status = 'Karte 1'; return true;">
<img src="2.JPG" id="bild" onmousemove="getCords()" onclick="window.status = 'Karte 2'; return true;">
<img src="2.JPG" id="bild" onmousemove="getCords()" onclick="window.status = 'Karte 3'; return true;">
<img src="2.JPG" id="bild" onmousemove="getCords()" onclick="window.status = 'Karte 4'; return true;">
<img src="2.JPG" id="bild" onmousemove="getCords()" onclick="window.status = 'Karte 5'; return true;">
</form>
<br>
</table>
<input type="submit" value="ok">
</form>
</center>
<td class="menuboxlight">
</td></tr>
</body>
<center>
<table border="1" cellpadding="80%" cellspacing="80%" width="85%" onmousemove="getCords()">
<tr>
<td height="10"></td>
<tr>
<td class="menubox0">
<center>
<p class="menupoint"><a href="http://1.htm/">1</a><br></p>
<p class="menupoint"><a href="http://2.htm/">2</a><br></p>
<p class="menupoint"><a href="http://3.htm/">3</a><br></p>
</center></td></table></center></html>
Beispiel der Steite:
mauspostion(java)3.html
Irgendwie Funktioniert das onclick nicht mehr ich habe aber keine ahnung warum
Naja evtl könnt ihr mir da weiter helfen ?
CODE
<html>
<head>
<link href="css.css" type="text/css" rel="stylesheet">
<title>window.status !!!</title>
</head>
<body scroll="auto">
<script language="JavaScript" type="text/javascript">
function setCords(e)
{
x = (document.all) ? window.event.x + document.body.scrollLeft : e.pageX;
y = (document.all) ? window.event.y + document.body.scrollTop : e.pageY;
x -= document.getElementById("bild").offsetLeft;
y -= document.getElementById("bild").offsetTop;
}
document.onmousemove = setCords;
function getCords()
{
self.status = ("x: " + x + " y: " + y);
}
</script>
<br><br>
<form name="selected" action="" method="GET">
<center>
<img src="2.JPG" id="bild" onmousemove="getCords()" onclick="window.status = 'Karte 0'; return true;">
<img src="2.JPG" id="bild" onmousemove="getCords()" onclick="window.status = 'Karte 1'; return true;">
<img src="2.JPG" id="bild" onmousemove="getCords()" onclick="window.status = 'Karte 2'; return true;">
<img src="2.JPG" id="bild" onmousemove="getCords()" onclick="window.status = 'Karte 3'; return true;">
<img src="2.JPG" id="bild" onmousemove="getCords()" onclick="window.status = 'Karte 4'; return true;">
<img src="2.JPG" id="bild" onmousemove="getCords()" onclick="window.status = 'Karte 5'; return true;">
</form>
<br>
</table>
<input type="submit" value="ok">
</form>
</center>
<td class="menuboxlight">
</td></tr>
</body>
<center>
<table border="1" cellpadding="80%" cellspacing="80%" width="85%" onmousemove="getCords()">
<tr>
<td height="10"></td>
<tr>
<td class="menubox0">
<center>
<p class="menupoint"><a href="http://1.htm/">1</a><br></p>
<p class="menupoint"><a href="http://2.htm/">2</a><br></p>
<p class="menupoint"><a href="http://3.htm/">3</a><br></p>
</center></td></table></center></html>
Beispiel der Steite:
mauspostion(java)3.html