colorear TD

davidvamo · #1 (**permalink**) 07/05/2003, 11:35

tengo una tabla con varios <TD> y lo qie querria es que si clico en un TD se me ilumine de color rojo, pero cuando clique a otro quiero que el anterior se me borre y se me coloree el nuevo TD

tengo en siguiente código en las celdas, a lo mejor lo tengo que eliminar si es necesario

<td on mouseover="encima(this)" onmouseout="fuera(this)">
texto
</td>

function encima(obj){
obj.style.cursor='hand';
obj.style.backgroundColor='#FABE55';
obj.style.color='#000000';
}

function fuera(obj){
obj.style.backgroundColor='#DDEEDD';
obj.style.color='Teal';
}

¿una posible idea puede ser esto, a través de id de la celda?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">

</SCRIPT>
</head>

<body>

<table border="1" width="50%">
<tr>
<td id="c000111" onclick="ilumina(this,this.id)">rrr</td>
<td id="c111111" onclick="ilumina(this,this.id)">rrr</td>
</tr>
</table>

</body>
</html>

OLE OLE OLE !!!!

he dado con la solución !!!!!

allá va para quien la quiera !!! :

Código PHP:

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
 
<html> 
<head> 
    <title>Untitled</title> 
    <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"> 
  <!-- 
        var celda_ant; 
         
        celda_ant=""; 
         
      function ilumina(celda){ 
          if (celda_ant=="") 
            { 
                celda_ant = celda; 
            } 
          celda_ant.style.backgroundColor="green"; 
            celda.style.backgroundColor="yellow"; 
            celda_ant = celda; 
        } 
  //--> 
  </SCRIPT> 
</head> 
 
<body> 
 
<table border="1" width="50%"> 
    <tr> 
        <td bgcolor="green" onclick="ilumina(this)">rrr</td> 
        <td bgcolor="green" onclick="ilumina(this)">iii</td> 
        <td bgcolor="green" onclick="ilumina(this)">rrr</td> 
        <td bgcolor="green" onclick="ilumina(this)">iii</td> 
    </tr> 
    <tr> 
        <td bgcolor="green" onclick="ilumina(this)">rrr</td> 
        <td bgcolor="green" onclick="ilumina(this)">iii</td> 
        <td bgcolor="green" onclick="ilumina(this)">rrr</td> 
        <td bgcolor="green" onclick="ilumina(this)">iii</td> 
    </tr> 
</table> 
 
</body> 
</html>

tunait · #2 (**permalink**) 07/05/2003, 11:42

Hey, qué bueno

Cain · #3 (**permalink**) 07/05/2003, 11:44

Podrías ponerlo en las FAQs

davidvamo · #4 (**permalink**) 08/05/2003, 01:41

muuuu bien, compartiré mis conocimientos con mis "compatriotras estruja-cerebros"

allá voy a por la FAQ's