Anónimo
Duda con java script
Hola, antes que todo te quería dar las gracias por darte el tiempo de leer esta pregunta y darme la posibilidad de resolver mis dudas =).
Lo que necesito hacer es cambiar el color de un botón html cuando se le de con un click (y que quede de ese color)
Por ejemplo:
Tengo un botón de la siguiente forma:
<INPUT TYPE=BUTTON STYLE="background-color:#00BFFF" NAME="1.1" onClick="color(name)">
donde la funcion color deberia cambiar el color del boton. Como por ejemplo:
function color(name)
{name.background-color :#DF0101;} (algo así me imagino, pero no se si esta bien.)
saludos ;D
Lo que necesito hacer es cambiar el color de un botón html cuando se le de con un click (y que quede de ese color)
Por ejemplo:
Tengo un botón de la siguiente forma:
<INPUT TYPE=BUTTON STYLE="background-color:#00BFFF" NAME="1.1" onClick="color(name)">
donde la funcion color deberia cambiar el color del boton. Como por ejemplo:
function color(name)
{name.background-color :#DF0101;} (algo así me imagino, pero no se si esta bien.)
saludos ;D
1 Respuesta
Respuesta de thewebmaste
1
!"Este es el código que debes poner entre el encabezado de tu página web!
<head>
<script language="javascript">
// esta parte entre las etiquetas head
<!--Script ofrecido por thewebmaster -->
var nav = (document.layers) ? true : false
function arriba(Boton){
if (!nav && Boton) Boton.style.backgroundColor="red" //modificamos el color
}
function fuera(Boton){
if (!nav && Boton) Boton.style.backgroundColor="silver" // Color cuando el raton no toca el boton
}
function enviamos(Boton){
if (!nav && Boton) Boton.style.backgroundColor="orange" // color al pulsar
}
</script>
</head>
!"Este es el codigo que debes poner entre el cuerpo de tu pagina web!
<body>
<form name="miboton">
<input type="button" name="boton" value="Boton de color" onMouseOver="arriba(this)" onMouseOut="fuera(this)" onClick="enviamos(this)">
</form>
</body>
<head>
<script language="javascript">
// esta parte entre las etiquetas head
<!--Script ofrecido por thewebmaster -->
var nav = (document.layers) ? true : false
function arriba(Boton){
if (!nav && Boton) Boton.style.backgroundColor="red" //modificamos el color
}
function fuera(Boton){
if (!nav && Boton) Boton.style.backgroundColor="silver" // Color cuando el raton no toca el boton
}
function enviamos(Boton){
if (!nav && Boton) Boton.style.backgroundColor="orange" // color al pulsar
}
</script>
</head>
!"Este es el codigo que debes poner entre el cuerpo de tu pagina web!
<body>
<form name="miboton">
<input type="button" name="boton" value="Boton de color" onMouseOver="arriba(this)" onMouseOut="fuera(this)" onClick="enviamos(this)">
</form>
</body>