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!