cambiar boton/vinculo al click

[cesarpunk]

Hola, tengo una galeria de imagenes y quisiera cambiar la apariencia de un boton al hacer clic y que cuando presione en otro boton el primero se reestablesca a su estado inicial, alguien tiene algun ejemplo de esto?....

[America|UNK]

En css lo puedes hacer mas facil.

Código html:

<style type="text/css">.objeto:focus {border:1px solid Red}</style>
<input type="button" class="objeto" />
 

En js

Código html:

<input type="button" class="objeto" onfocus="this.style.border='1px solid red'" onblur="this.style.border='1px solid black'" />
 

[cesarpunk]

pues lo que intento es ponerle un borde a la imagen (que es un div) del boton al darle clic y luego desaparecerle cuando le doy clic a otro boton..... lo hice de esta manera :

Código:

<div id="divuno" style="padding:5px; cursor:pointer;" onclick="document.getElementById('divuno').style.background='#333333'"><A HREF="#" onclick="javascript:accionBoton('../../galeria/01.html');"><img src="01.jpg" width="98" height="83" border="0" /></A></div>

<div id="divdos" style="padding:5px; cursor:pointer;" onclick="document.getElementById('divdos').style.background='#333333'"><A HREF="#" onclick="javascript:accionBoton('../../galeria/02.html');"><img src="02.jpg" width="98" height="83" border="0" /></A></div>

<div id="divtres" style="padding:5px; cursor:pointer;" onclick="document.getElementById('divtres').style.background='#333333'"><A HREF="#" onclick="javascript:accionBoton('../../galeria/03.html')"><img src="03.jpg" width="98" height="83" border="0" /></A></div>

...

Hasta ahi puedo agregarle un borde al boton al hacerle clic.... pero necesito una funcion que me reestablesca todos los botones (o cambie todos los divs) excepto al que le he dado clic

[America|UNK]

Código html:

<style type="text/css">
.normal {background:#333}
.activo {background:#FFF}
</style>
<script type="text/javascript">
var trace = function(el){
    var all = el.parentNode.getElementsByTagName("div");
    for(var i=0; i < all.length; i++){
        all[i].className = "normal";
    }
    el.className = "activo";
}
</script>
<div>
<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>
<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>
<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>
</div>