Problemi con il browser Mozilla

**sturadagianna** · 20-12-2006, 19:15

Ciao ragazzi,
ho provato a far girare questo script su Mozilla e non capisco perchè non funziona!

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
<style type="text/css">
<!--
#tabella {
	position: absolute;
	height: 210px;
	width: 210px;
	left: 351px;
	top: 50px;
	cursor:pointer;
}
#spiegazione {
	position: absolute;
	height: 90px;
	width: 160px;
	left: 12px;
	top: 51px;
}
-->
</style>
<script type="text/javascript">
function testo1(testo){
textcontainerobj=document.getElementById("riga")
document.getElementById("riga").innerHTML=testo
}
function testo2(testo){
textcontainerobj=document.getElementById("colonna")
document.getElementById("colonna").innerHTML=testo
}
</script>
</head>

<body>
	<div id="spiegazione">
		<table width="150" height="80" border="1" cellpadding="1">
		  <tr>
			<td><div id="riga"></div></td>
		  </tr>
		  <tr>
		    <td><div id="colonna"></div></td>
	      </tr>
	  </table>
	</div>
	<div id="tabella">
	  <table width="200" height="200" border="1" cellpadding="1">
		  <tr align="center">
			<a id="la" onmouseover="testo1('riga1'), testo2('colonna1')"><td bgcolor="#66FFFF"></td>
			</a>
			<a onmouseover="testo1('riga1'), testo2('colonna2')"><td bgcolor="#33CCFF"></td>
			</a>
		  </tr>
		  <tr align="center">
			<a onmouseover="testo1('riga2'), testo2('colonna1')"><td bgcolor="#FFCC00"></td>
			</a>
			<a onmouseover="testo1('riga2'), testo2('colonna2')"><td bgcolor="#FF3300"></td>
			</a>
		  </tr>
	  </table>
</div>
</body>
</html>

Lo script gira perfettamente su IE....
Si creano due tabelle(2x1 e 2x2), la prima indica il numero di riga e di colonna delle celle, della seconda tabella, su cui passa il cursore.

Grazie anticipatamente per qualsiasi aiuto!

**floyd** · 20-12-2006, 23:19

devi separare le funzioni con ;
onmouseover="testo1('riga1');testo2('colonna1')"

**sturadagianna** · 24-12-2006, 17:04

Ciao floyd!

Ti ringrazio per avermi suggerito questa ipotesi! Purtroppo, però, non funziona ancora su Mozilla, non è cambiato nulla...

Ho provato a farlo girare su un altro computer pensando fossero le mie impostazioni del browser a bloccare lo script e ancora niente!

.... proprio non capisco!

**pietro09** · 24-12-2006, 17:32

Prova così:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Documento senza titolo</title>
    <style type="text/css">
<!--
#tabella {
	position: absolute;
	height: 210px;
	width: 210px;
	left: 351px;
	top: 50px;
	cursor:pointer;
}
#spiegazione {
	position: absolute;
	height: 90px;
	width: 160px;
	left: 12px;
	top: 51px;
}
-->
</style>

    <script type="text/javascript">
function testo1(testo)
{
    textcontainerobj=document.getElementById("riga");
    document.getElementById("riga").innerHTML=testo;
}
function testo2(testo)
{
    textcontainerobj=document.getElementById("colonna");
    document.getElementById("colonna").innerHTML=testo;
}
    </script>

</head>
<body>
    <div id="spiegazione">
        <table width="150" style="height:80px" border="1" cellpadding="1">
            <tr>
                <td>
                    <div id="riga">
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    <div id="colonna">
                    </div>
                </td>
            </tr>
        </table>
    </div>
    <div id="tabella">
        <table style="height:200px; width:200px" border="1" cellpadding="1">
            <tr align="center">
                <td style="background-color:#66FFFF"  onmouseover="testo1('riga1'); testo2('colonna1')"></td>
                <td style="background-color:#33CCFF" onmouseover="testo1('riga1'); testo2('colonna2')"></td>
            </tr>
            <tr align="center">
                <td style="background-color:#FFCC00" onmouseover="testo1('riga2'); testo2('colonna1')"></td>
                <td style="background-color:#FF3300" onmouseover="testo1('riga2'); testo2('colonna2')"></td>
            </tr>
        </table>
    </div>
</body>
</html>

**sturadagianna** · 24-12-2006, 21:29

Pietro 09, sei un mago!

Hai spostato l'azione "onmouseover" direttamente nel tag <td>. Non ci avevo nemmeno pensato!

Chissà perchè Mozilla blocca il tag <a> applicato alle tabelle....?!

Ora funziona anche su Mozilla!

Grazie mille!

Discussione: Problemi con il browser Mozilla

Strumenti discussione

Ricerca discussione

Visualizza

Problemi con il browser Mozilla

Permessi di invio