Hola tengo este codigo cuando le das un click cambia de color el boton que le diste y los demas se quedan en otro color. pero cuando meto los div en una tabla dentro de los <td> ya no me funciona por que?
Código:
1.
<style type="text/css">
2.
.normal {background:#333}
3.
.activo {background:#FFF}
4.
</style>
5.
<script type="text/javascript">
6.
var trace = function(el){
7.
var all = el.parentNode.getElementsByTagName("div");
8.
for(var i=0; i < all.length; i++){
9.
all[i].className = "normal";
10.
}
11.
el.className = "activo";
12.
}
13.
</script>
14.
<div>
15.
<div style="padding:5px; cursor:pointer;" class="activo" onclick="trace(this)"><A HREF="#" onclick="javascript:accionBoton('../../galeria/01.html');"><img src="01.jpg" width="98" height="83" border="0" /></A></div>
16.
<div style="padding:5px; cursor:pointer" class="normal" onclick="trace(this)"><A HREF="#" onclick="javascript:accionBoton('../../galeria/02.html');"><img src="02.jpg" width="98" height="83" border="0" /></A></div>
17.
<div style="padding:5px; cursor:pointer" class="normal" onclick="trace(this)"><A HREF="#" onclick="javascript:accionBoton('../../galeria/03.html')"><img src="03.jpg" width="98" height="83" border="0" /></A></div>
18.
</div>