Newsgroup: it.comp.lang.javascript
Titolo: Soluzione: colorare le celle di una tabella sia con IE che con NN

Ciao a tutti,
ho sviluppato del codice che mi permette di colorare una cella o più celle.
:-)
Rimango in attesa di suggerimenti per migliorare il tutto, specialmente per
quanto riguarda le istruzioni
javascript relative a NN.
Ciao.
Massimo
PS.:
In questo file ho creato una tabella composta da 5 celle; andando sopra ad
un link, la cella si colora.
Una cosa in cui non sono riuscito sotto NN,  è quella di far colorare lo
sfondo (bgColor) del link correttamente,
cioè anche lo spazio vuoto alla sinistra del link viene colorato.
Qualcuno ha qualche idea?
Grazie.
******** Inizio Codice:
<html>
<head>
 <style><!--
.relative { position:relative; }
.absolute { position:absolute; layer-background-color: #3366FF}
//--></style>
 <script language="JavaScript"><!--
var color = '';
function over(tdX, boxX,idX) {
    if (document.layers) {
    window.color =
window.document.layers['TopBox'].document.layers[tdX].document.layers[boxX].
bgColor
window.document.layers['TopBox'].document.layers[tdX].document.layers[boxX].
bgColor = '#CCFFCC';
window.document.layers['TopBox'].document.layers[tdX].document.layers[boxX].
document.layers[idX].bgColor = '#00FF00';
    }
    else if (document.all) {
        window.color = window.document.all[idX].style.background;
        window.document.all[idX].style.background = '#00FF00';
    }
}
function out(tdX, boxX,idX) {
    if (document.layers){
window.document.layers['TopBox'].document.layers[tdX].document.layers[boxX].
bgColor = window.color;
window.document.layers['TopBox'].document.layers[tdX].document.layers[boxX].
document.layers[idX].bgColor = window.color;
  }
    else if (document.all)
        window.document.all[idX].style.background = window.color;
}
//--></script>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
 <span id="TopBox" class="absolute" style="background-color: #FF0000">
  <table width="500" border="0" cellspacing="0" cellpadding="0" height="100"
align="left" vspace="0" hspace="0">
   <tr>
    <td id="td1" class="relative" align="left" valign="top" width="100"
height="100">
     <span id="Box1" class="absolute">
      <table border="0" cellspacing="0" cellpadding="0" height="100"
align="left" vspace="0" hspace="0">
       <tr>
        <td id="Cell1" class="relative" width="100" height="100"
align="center" valign="middle">
         <a href="
http://www.irt.org/
"
onMouseOver="window.over('td1','Box1','Cell1')"
onMouseOut="window.out('td1','Box1','Cell1')">test1</a></td>
       </tr>
      </table>
     </span></td>
    <td id="td2" class="relative" align="left" valign="top" width="100"
height="100">
     <span id="Box2" class="absolute">
      <table border="0" cellspacing="0" cellpadding="0" height="100"
align="left" vspace="0" hspace="0">
       <tr>
        <td id="Cell2" class="relative" width="100" height="100"
align="center" valign="middle">
         <a href="
http://www.irt.org/
"
onMouseOver="window.over('td2','Box2','Cell2')"
onMouseOut="window.out('td2','Box2','Cell2')">test2</a></td>
       </tr>
      </table>
     </span></td>
    <td id="td3" class="relative" align="left" valign="top" width="100"
height="100">
     <span id="Box3" class="absolute">
      <table border="0" cellspacing="0" cellpadding="0" height="100"
align="left" vspace="0" hspace="0">
       <tr>
        <td id="Cell3" class="relative" width="100" height="100"
align="center" valign="middle">
         <a href="
http://www.irt.org/
"
onMouseOver="window.over('td3','Box3','Cell3')"
onMouseOut="window.out('td3','Box3','Cell3')">test3</a></td>
       </tr>
      </table>
     </span></td>
    <td id="td4" class="relative" align="left" valign="top" width="100"
height="100">
     <span id="Box4" class="absolute">
      <table border="0" cellspacing="0" cellpadding="0" height="100"
align="left" vspace="0" hspace="0">
       <tr>
        <td id="Cell4" class="relative" width="100" height="100"
align="center" valign="middle">
         <a href="
http://www.irt.org/
"
onMouseOver="window.over('td4','Box4','Cell4')"
onMouseOut="window.out('td4','Box4','Cell4')">test4</a></td>
       </tr>
      </table>
     </span></td>
    <td id="td5" class="relative" align="left" valign="top" width="100"
height="100">
     <span id="Box5" class="absolute">
      <table border="0" cellspacing="0" cellpadding="0" height="100"
align="left" vspace="0" hspace="0">
       <tr>
        <td id="Cell5" class="relative" width="100" height="100"
align="center" valign="middle">
         <a href="
http://www.irt.org/
"
onMouseOver="window.over('td5','Box5','Cell5')"
onMouseOut="window.out('td5','Box5','Cell5')">test5</a></td>
       </tr>
      </table>
     </span></td>
   </tr>
  </table>
 </span> <!--
<span id="TopBox" class="absolute">
 <table border="0" cellspacing="0" cellpadding="0" width="400" height="100"
align="left" vspace="0" hspace="0">
  <tr>
     <td id="td1" class="relative" bgcolor="#CCCCFF" width="200"
height="100">&nbsp;</td>
    <td id="td2" class="relative" align="left" valign="top" width="200"
height="100">
      <span id="outer3" style="position:absolute; width:100%; height:100px">
      <table border="0" cellspacing="0" cellpadding="0" height="100"
align="left" vspace="0" hspace="0">
       <tr>
        <td id="id3" class="relative" width="50" height="100" align="center"
valign="middle">
         <a href="
http://www.irt.org/
"
onMouseOver="window.over('outer3','id3')"
onMouseOut="window.out('outer3','id3')">test3</a></td>
       </tr>
      </table>
     </span></td>
  </tr>
 </table>
</span>
-->
</body>
</html>
******** Fine Codice.

 javascript relative a NN.
Se vai nelle FAQ -tabelle di 
http://www.jsdir.com
  c'è il mio per colorare
le tabelle ma solo per IE e NN6 perchè per NN4 non funxionava
correttamente....cmq appena ho tempo dò un occhio al tuo...
Ciao!
____________________
andreotta fabiano
WebMªster ATI POWER s.n.c.
andr...@atipower.it
http://www.atipower.it
http://www.afdsoftware.freeweb.org
____________________
Collaboratore: 
http://www.jsdir.com
____________________
*¢ L'unica certezza nella vita è che tutto è relativo (per fortuna)¢*