Tablas y celdas que se iluminan onclick

fermdp · #1 (**permalink**) 11/10/2006, 12:52

En http://www.forosdelweb.com/showpost....&postcount=131 hay un scrip que me gustaria modificar y no se como, necesito que al hacer click en una celda esta se ilumine y si hago xlick en otro esta tambien se ilumine, pero si vuelvo a hacer click en alguna de las iluminadas estas se "Desiluminen" se entiende ???

JavierB · #2 (**permalink**) 11/10/2006, 12:57

Hola fermdp

A veces es más fácil hacer el código nuevo que modificar otro:

Código PHP:

  <html>
<head>
<script type="text/javascript">
function ilumina(obj) {
  obj.style.background = (obj.style.background=='') ? 'red' : '';
}
</script>
</head>
<body>
<table border="1">
<tr>
<td onclick="ilumina(this)">Uno</td>
<td onclick="ilumina(this)">dos</td>
<td onclick="ilumina(this)">Tres</td>
</tr>
</table>
</body>
</html>

Saludos,

fermdp · #3 (**permalink**) 12/10/2006, 11:09

Ta muy bien, pero sucede algo extranio, es que primero clickeo y se ponde de rojo (ok) luego vuelvo a clickear y se pone sin color (ok) PERO si vuelvo a clickearlo otra vez ya no se pone rojo ??? la idea es que siempre se pueda pasar de un color al otro, alguna idea al respecto ??

Neptuno_2006 · #4 (**permalink**) 12/10/2006, 23:24

el codigo que puso javier esta de acuerdo a como tu lo kieres men, solo cheka ke lo hayas reaizado bien, por ke ami si me funciona y solo korte y pegue el codigo ke puso el chekeate bn el codigo y veras ke si jala suertes

fermdp · #5 (**permalink**) 13/10/2006, 08:46

En Firefox / Opera anda pero en IE 6.0 no !!! alguna idea de porque ???

fermdp · #6 (**permalink**) 17/10/2006, 11:28

Código PHP:

  <style>

.Normal { BACKGROUND-COLOR: lightgreen; CURSOR: hand; }

.Resaltado { BACKGROUND-COLOR: cyan; CURSOR: hand; }

</style>

 
<script>

function CambiaColor(obj)

{

if(obj.className == "Normal")

{

obj.className = "Resaltado";

}

else

{

if(obj.className == "Resaltado")

{

obj.className = "Normal";

}

}

}

</script>

<table class="Normal" onClick="CambiaColor(this);">

<tr>

<td>Una tabla</td>

</tr>

</table>

 
<table class="Normal" onClick="CambiaColor(this);">

<tr>

<td>Una tabla</td>

</tr>

</table>

 
<table class="Normal" onClick="CambiaColor(this);">

<tr>

<td>Una tabla</td>

</tr>

</table>

 
<table class="Normal" onClick="CambiaColor(this);">

<tr>

<td>Una tabla</td>

</tr>

</table>

Ahora estare bien la posibilidad de que lo "recuerde" via cookies !!!
Si alguien se anima a explicarme un poco, gustoso estare de escucharlo !!!

zero01 · #7 (**permalink**) 17/10/2006, 11:34

Cita:

Iniciado por fermdp

En Firefox / Opera anda pero en IE 6.0 no !!! alguna idea de porque ???

Internet Explorer no te acepta eventos al igual que los otros navegadores, gracias a una actualizacion de microsoft .
Se pone asi para IE,saludos

Código:

<td onclick="window.ilumina(this)">Uno</td>
<td onclick="window.ilumina(this)">dos</td>
<td onclick="window.ilumina(this)">Tres</td>

fermdp · #8 (**permalink**) 17/10/2006, 12:19

Muchas gracias por el dato !!! Seguire buscando por el tema de las cookies para "recordar" que celdas estan iluminadas y cuales no !!!

messer · #9 (**permalink**) 17/10/2006, 12:55

A ver lo que quieres es que cada vez que hagas click cambie de un color a otro, entonces prueba esto funciona en firefox y en Internet Explorer:
<html>
<head>
<script type="text/javascript">
var color = 0;
function ilumina(obj) {

if(color == 0){
obj.style.backgroundColor = "#FF0000";
color = 1;
} else {
obj.style.backgroundColor = "#FFFFFF"
color = 0;
}
}

Solo que el color por defecto es blanco, pero lo puedes cambiar por cualquier otro.

Espero que te sirva Saludos :saludo:
</script>
</head>
<body>
<table border="1">
<tr>
<td onclick="ilumina(this)">Uno</td>
<td onclick="ilumina(this)">dos</td>
<td onclick="ilumina(this)">Tres</td>
</tr>
</table>
</body>
</html>

fermdp · #10 (**permalink**) 18/10/2006, 15:31

Muchas gracias por las respuestas, ahora seguire buscando por lo de las cookies !!!