ciao a tutti, il seguente codice è una pagina html che scrive le coordinat e relative del mouse all'interno di 2 campi di una tabella.
solo che se apro con mozilla non funziona, se apro con explorer funziona.
strano perchè la parte di codice che calcola le coord relative del mouse in un altro file che fa qualcosa di simile funziona, ma qui come detto sopra funziona solo con exlorer.
potete per favore aiutare a capirmi perchè.
grazie infinite
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>VIDEOSYSTEMS - MAIN PROGRAM TEST PAGE</title>
<script language="Javascript">
newImage0_1 = new Image();
newImage0_1.src = './image0.bmp?' + Math.random();
function RefreshIt() {
var bool = newImage0_1.complete;
if(bool){
document.images['myImage0'].src = newImage0_1.src;
newImage0_1.src = './image0.bmp?' + Math.random();
}
setTimeout('RefreshIt()', 20);
}
//funzione calcola le coordinate reali della immagine
var h;
var w;
var himmagine;
var wimmagine;
function grandezza_imm(){
imm = new Image();
imm.src = '2.jpg';
h = imm.height;
w = imm.width;
imma = document.getElementById('immagine');
himmagine = imma.height;
wimmagine = imma.width;
return himmagine,wimmagine;
}
function displayDivMouseCoords(e){
coords = getMouseCoordsWithinEventTarget(e);
document.getElementById('X').innerHTML = "<input maxlength ='3' size='2' type='text' name='Offset_x' value=' "+coords.x+"'>";
document.getElementById('Y').innerHTML = "<input maxlength ='3' size='2' type='text' name='Offset_y' value=' "+coords.y+"'>";
}
function getMouseCoordsWithinEventTarget(event){
grandezza_imm();
var coords = { x: 0, y: 0};
if(!event) // then we have a non-DOM (probably IE) browser
{
alert('if getMouseCoordsWithinEventTarget');
event = window.event;
a = event.offsetX;
b = event.offsetY;
coords.x = parseInt(event.offsetX * (parseFloat(w/wimmagine)));
coords.y = parseInt(event.offsetY * (parseFloat(h/himmagine)));
}
else // we assume DOM modeled javascript
{
alert('else funzione getMouseCoordsWithinEventTarget');
var Element = event.target ;
var CalculatedTotalOffsetLeft = 0;
var CalculatedTotalOffsetTop = 0 ;
while (Element.offsetParent)
{
CalculatedTotalOffsetLeft += Element.offsetLeft ;
CalculatedTotalOffsetTop += Element.offsetTop ;
Element = Element.offsetParent ;
}
parzx = event.pageX - CalculatedTotalOffsetLeft;
parzy = event.pageY - CalculatedTotalOffsetTop;
coords.x = parseInt(parzx * (parseFloat(w/wimmagine)));
coords.y = parseInt(parzy * (parseFloat(h/himmagine)));
}
return coords;
}
</script>
</script>
</head>
<body onLoad=" setTimeout('RefreshIt()', 20)" leftmargin="0" topmargin="50" bgcolor="#184070" lang="it" style='font-family:"Arial"'>
<center><img src="2.jpg" width="438" height="75">
<table><tr><td>
<table cellspacing="1" cellpadding="1">
<tr><td><table align="center">
<center>
<img id="immagine"src="2.jpg" width="400" height="300"name="myImage0"onmousedown="javascript:displayDivMouseCoords();">
</center>
</table></td>
<td>
<table colspan="3" bgcolor="#ffffff">
<center>
<table cellspacing="1" cellpadding="1" bgcolor="#000000">
<tr><td align="center" valign="middle">
<font size="+2" color="#ffffff"><b>IMPOSTAZIONI FINESTRA</b></font></td></tr>
<tr><td colspan="1" bgcolor="#ffffff">
<form action="setWindow.cgi" method="post">
<hr><center>
<table><tr><td>
<table border="0" cellspacing="1" cellpadding="1" bgcolor="#404040">
<tr><td bgcolor="#f0f0f0"><center>
<table>
<tr></tr>
<tr><td>Stato Telecamera:</td><td>
<td width="30" align="center" bgcolor="#40A040"><B>
0 </B></td>
</td></tr>
<tr></tr>
<tr><td>Temperatura Interna:</td><td>
<td width="30" align="center" bgcolor="#40A040"><B>
51.0 </B></td>
</td></tr>
<tr></tr>
<tr><td>Dimensione x Finestra Elaborazione:</td><td><input maxlength="3" size="2" type="text" name="WinElab_x">
<td width="30" align="center" bgcolor="#40A040"><B>
32 </B></td>
</td></tr>
<tr></tr>
<tr><td>Dimensione y Finestra Elaborazione:</td><td><input maxlength="3" size="2" type="text" name="WinElab_y">
<td width="30" align="center" bgcolor="#40A040"><B>
64 </B></td>
</td></tr>
<tr></tr>
<tr><td>Coordinata x Finestra Elaborazione:</td><td id="X"><input maxlength="3" size="2" type="text" name="Offset_x">
<td width="30" align="center" bgcolor="#40A040"><B>
128</B></td>
</td></tr>
<tr></tr>
<tr><td>Coordinata y Finestra Elaborazione:</td><td id="Y"><input maxlength="3" size="2" type="text" name="Offset_y">
<td width="30" align="center" bgcolor="#40A040"><B>
128</B></td>
</td></tr>
</td></tr>
</table>
</td></tr></table>
<br /><center><a href="sensor.html">Impostazioni del Sensore</a></center>
<center><a href="elab.html">Parametri di Elaborazione</a></center>
</center></td></tr></table>
</table>
</center>
<hr>
<center><input type="submit" value="Imposta parametri" /></center>
</form>
<center><form action="saveWindow.cgi" method="post">
<input type="submit" value="Salva Parametri"></center>
</form>
</td></tr></table>
</td></tr></table>
</center>
</body></html>
solo che se apro con mozilla non funziona, se apro con explorer funziona.
strano perchè la parte di codice che calcola le coord relative del mouse in un altro file che fa qualcosa di simile funziona, ma qui come detto sopra funziona solo con exlorer.
potete per favore aiutare a capirmi perchè.
grazie infinite
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>VIDEOSYSTEMS - MAIN PROGRAM TEST PAGE</title>
<script language="Javascript">
newImage0_1 = new Image();
newImage0_1.src = './image0.bmp?' + Math.random();
function RefreshIt() {
var bool = newImage0_1.complete;
if(bool){
document.images['myImage0'].src = newImage0_1.src;
newImage0_1.src = './image0.bmp?' + Math.random();
}
setTimeout('RefreshIt()', 20);
}
//funzione calcola le coordinate reali della immagine
var h;
var w;
var himmagine;
var wimmagine;
function grandezza_imm(){
imm = new Image();
imm.src = '2.jpg';
h = imm.height;
w = imm.width;
imma = document.getElementById('immagine');
himmagine = imma.height;
wimmagine = imma.width;
return himmagine,wimmagine;
}
function displayDivMouseCoords(e){
coords = getMouseCoordsWithinEventTarget(e);
document.getElementById('X').innerHTML = "<input maxlength ='3' size='2' type='text' name='Offset_x' value=' "+coords.x+"'>";
document.getElementById('Y').innerHTML = "<input maxlength ='3' size='2' type='text' name='Offset_y' value=' "+coords.y+"'>";
}
function getMouseCoordsWithinEventTarget(event){
grandezza_imm();
var coords = { x: 0, y: 0};
if(!event) // then we have a non-DOM (probably IE) browser
{
alert('if getMouseCoordsWithinEventTarget');
event = window.event;
a = event.offsetX;
b = event.offsetY;
coords.x = parseInt(event.offsetX * (parseFloat(w/wimmagine)));
coords.y = parseInt(event.offsetY * (parseFloat(h/himmagine)));
}
else // we assume DOM modeled javascript
{
alert('else funzione getMouseCoordsWithinEventTarget');
var Element = event.target ;
var CalculatedTotalOffsetLeft = 0;
var CalculatedTotalOffsetTop = 0 ;
while (Element.offsetParent)
{
CalculatedTotalOffsetLeft += Element.offsetLeft ;
CalculatedTotalOffsetTop += Element.offsetTop ;
Element = Element.offsetParent ;
}
parzx = event.pageX - CalculatedTotalOffsetLeft;
parzy = event.pageY - CalculatedTotalOffsetTop;
coords.x = parseInt(parzx * (parseFloat(w/wimmagine)));
coords.y = parseInt(parzy * (parseFloat(h/himmagine)));
}
return coords;
}
</script>
</script>
</head>
<body onLoad=" setTimeout('RefreshIt()', 20)" leftmargin="0" topmargin="50" bgcolor="#184070" lang="it" style='font-family:"Arial"'>
<center><img src="2.jpg" width="438" height="75">
<table><tr><td>
<table cellspacing="1" cellpadding="1">
<tr><td><table align="center">
<center>
<img id="immagine"src="2.jpg" width="400" height="300"name="myImage0"onmousedown="javascript:displayDivMouseCoords();">
</center>
</table></td>
<td>
<table colspan="3" bgcolor="#ffffff">
<center>
<table cellspacing="1" cellpadding="1" bgcolor="#000000">
<tr><td align="center" valign="middle">
<font size="+2" color="#ffffff"><b>IMPOSTAZIONI FINESTRA</b></font></td></tr>
<tr><td colspan="1" bgcolor="#ffffff">
<form action="setWindow.cgi" method="post">
<hr><center>
<table><tr><td>
<table border="0" cellspacing="1" cellpadding="1" bgcolor="#404040">
<tr><td bgcolor="#f0f0f0"><center>
<table>
<tr></tr>
<tr><td>Stato Telecamera:</td><td>
<td width="30" align="center" bgcolor="#40A040"><B>
0 </B></td>
</td></tr>
<tr></tr>
<tr><td>Temperatura Interna:</td><td>
<td width="30" align="center" bgcolor="#40A040"><B>
51.0 </B></td>
</td></tr>
<tr></tr>
<tr><td>Dimensione x Finestra Elaborazione:</td><td><input maxlength="3" size="2" type="text" name="WinElab_x">
<td width="30" align="center" bgcolor="#40A040"><B>
32 </B></td>
</td></tr>
<tr></tr>
<tr><td>Dimensione y Finestra Elaborazione:</td><td><input maxlength="3" size="2" type="text" name="WinElab_y">
<td width="30" align="center" bgcolor="#40A040"><B>
64 </B></td>
</td></tr>
<tr></tr>
<tr><td>Coordinata x Finestra Elaborazione:</td><td id="X"><input maxlength="3" size="2" type="text" name="Offset_x">
<td width="30" align="center" bgcolor="#40A040"><B>
128</B></td>
</td></tr>
<tr></tr>
<tr><td>Coordinata y Finestra Elaborazione:</td><td id="Y"><input maxlength="3" size="2" type="text" name="Offset_y">
<td width="30" align="center" bgcolor="#40A040"><B>
128</B></td>
</td></tr>
</td></tr>
</table>
</td></tr></table>
<br /><center><a href="sensor.html">Impostazioni del Sensore</a></center>
<center><a href="elab.html">Parametri di Elaborazione</a></center>
</center></td></tr></table>
</table>
</center>
<hr>
<center><input type="submit" value="Imposta parametri" /></center>
</form>
<center><form action="saveWindow.cgi" method="post">
<input type="submit" value="Salva Parametri"></center>
</form>
</td></tr></table>
</td></tr></table>
</center>
</body></html>