Duda MUY tonta

Xirant · #1 (**permalink**) 07/01/2011, 12:36

Estoy comenzando con Ajax de 0, vamos, más que principante-ignorante.

Tengo que hacer 3 botones y que al clickar en uno se cambie de color, y si se pincha en otro ese otro se ponga en ese color de encendido y el clickado anteriormente se ponga, digamos, en off.

He conseguido que funcione como botones independientes, pero no atino a hacer que uno quite el otro

Código PHP:

  <HTML> 
<head> 
<script> 
var encendido = false; 
function cambiarEstado(btn) 
{ 
if(!encendido) 
btn.style.backgroundColor = "#000000"; 
else 
btn.style.backgroundColor = "#CCCCCC"; 
btn.style.color = "#ffffff"; 
 
 
 
encendido = !encendido; 
 
 
 
} 
</script> 
 
</head> 
 
<body> 
 
<div id="boton" style="background-color: #CCCCCC;width:100px;height:20px;margin-bottom: 10px; text-align: center;" 
onClick="cambiarEstado(this)" 
onMouseOver="this.style.cursor='pointer';this.style.border='2px solid #000'" 
onMouseOut="this.style.cursor='default';this.style.border=''"> 
    Bot&oacute;n 1 
</div> 
     
    <div id="boton" style="background-color: #CCCCCC;width:100px;height:20px;margin-bottom: 10px; text-align: center;" 
onClick="cambiarEstado(this)" 
onMouseOver="this.style.cursor='pointer';this.style.border='2px solid #ffff00'" 
onMouseOut="this.style.cursor='default';this.style.border=''"> 
        Bot&oacute;n 2 
</div> 
     
    <div id="boton" style="background-color: #CCCCCC;width:100px;height:20px;margin-bottom: 10px; text-align: center;" 
onClick="cambiarEstado(this)" 
onMouseOver="this.style.cursor='pointer';this.style.border='2px solid #ff0000'" 
onMouseOut="this.style.cursor='default';this.style.border=''"> 
        Bot&oacute;n 3 
</div> 
 
 
 
</body> 
</html>

IsaBelM · #2 (**permalink**) 07/01/2011, 14:04

lo que planteas no implica ajax, sino javascript. el caso es crear un selector y introducir todas las propiedades css con sus valores. después con javascript a cada elemento le asignas el selector que corresponda usando la propiedad className