Foros del Web - Ver Mensaje Individual

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>