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