20/06/2010, 22:14
|
| | Fecha de Ingreso: marzo-2009
Mensajes: 36
Antigüedad: 15 años, 7 meses Puntos: 0 | |
Cambiar con un boton el color del fondo de un div Hola estoy tratando poder realizar que con formulario
al ingresar un nombre de color me tome un estilo para el div
si no que tome otro, usaria un switch si se puede, les envio los codigos asi los revisan, me interesaria mas saber como encarar el html y el archivo javascript
ya que probe de todo y no hay caso, solo logre, hacer un simple cambio de fondo nada mas tipeando en el campo de formulario azul, rojo o vede mendiante un switch, pero quiero que me modifique un div, espero alguna respuesta, que capas me va a servir tambien por si quiero trabajar un texto, ya sea cambiarle el color, tamaño o demas, gracias, Sebastian.
HTML
<body>
<div id="titulo">
<p class="titulo2">Titulo</p>
</div>
<div id="pruebacolor">
<label>Elegi un color (Verde - Azul - Rojo)</label>
<form id="formu1" method="post" action="">
<input type="text" id="dato" maxlength="10"/><br />
<input type="button" value="APLICAR" onclick="prueba()"/>
</form>
</div>
JAVASCRIPT
function prueba(pruebacolor)
{
var campo=document.getElementById("dato").value;
var color=document.getElementById("pruebacolor");
switch (campo) {
case 'rojo': color.className='pruebacolor';
break;
case 'verde': document.bgColor='#00ff00';
break;
case 'azul': document.bgColor='#0000ff';
break;
}
} |