cambio de color en javascript con boton

vani18 · #1 (**permalink**) 18/08/2011, 23:49

hola buenas tenia un codigo de javascript, que hacia algo.

pero se me ocurrio hacer que haga otra cosa...

lo que quiero es que cuando haga un click tenga un color el fondo... sea negro
cuando haga otro click... sea blanco...
cuando haga otro click sea negro
cuando haga otro click... sea blanco...
y asi .. sucesivamente.,,..

..........

trate de hacerlo de esta manera, supongo que habra la manera -de los libros- que sea la correcta y SEA LA QUE SE USE... pero esto se me ocurrio...
por que no me anda??

------------------

<html>
<head>
<title>
Página con Javascript.
</title>
<script language="javascript">

</script>
</head>
<body>
<h1>
Página con un formulario
</h1>

<br>
<form name="formulario">

Teclee su nombre: 
<input type="text" name="nombre_usuario" size=20 maxlength=50>
<br>

Provincia: 

<input type="text" name="provincia" value="Madrid" disabled>
<br>
<br>

<input type="submit" name="mandar" value="Enviar">

  
<input type="reset" name="borrado" value="Borrar">
<br>
<br>

<input type="button" name="cambiar" value="Habilitar/inhabilitar provincia" onClick="conmutar();">

</form>
</body>
</html>

zerokilled · #2 (**permalink**) 19/08/2011, 00:07

buenas,
lo que sucede es que el estado que indica la conmutación no es persistente. es decir, las variables tienen un tiempo de vida. cuando son variables locales, estas se destruyen al final de la función. tendrías que crear una variable que, no sea destruida, y que sea accesible para la función. en otras palabras, crear una variable global. existe otra característica de javascript donde puedes crear una variable local y que no sea destruida, gracia al mecanismo closure. pero ya eso es otro tema y probablemente te enredes más aún.

hernandavidgomez · #3 (**permalink**) 19/08/2011, 01:57

A QUE LE QUIERES CAMBIAR EL COLOR EXACTAMENTE??
INTERPRETO QUE ES AL BODY... YO HARIA ALGO COMO LO SIGUIENTE:

Código CSS:

Ver originalBODY{background-color: #FFF;}

Código Javascript:

Ver originalfunction conmutar()
var colorCuerpo = document.body.style.backgroundColor;
if(colorCuerpo == "#FFF")
{
document.body.style.backgroundColor = "#000";
}
else
{
document.body.style.backgroundColor = "#FFF"
}

espero que sea eso lo que buscabas

vani18 · #4 (**permalink**) 19/08/2011, 03:19

hey gracias,

aparte de bueno ...tener el codigo...
tambien queria saber la parte teorica del porque no funciona como queria . que puso zerokilled