Ver Mensaje Individual
  #130 (permalink)  
Antiguo 08/05/2003, 01:45
Avatar de davidvamo
davidvamo
 
Fecha de Ingreso: diciembre-2001
Ubicación: Barcelona '92
Mensajes: 106
Antigüedad: 20 años, 1 mes
Puntos: 0
132.- Cambiar color a las celdas de una tabla

P: ¿Como puedo alterar el color de una celda donde se ha producido un click, retornando luego al color original cuando se produzca un click en otra celda?

R:
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> 

Última edición por Kaopectate; 12/05/2003 a las 09:51