Ayuda en Código simple

Lizy94 · #1 (**permalink**) 13/01/2010, 19:30

hola foro, quiero hacer algo muy simple, que al enviar mi formulario mi campo de texto tenga un fondo de color, investigue y lo puse asi, pero no me funciona, si alguien me puede ayudar por favor

Código PHP:

  <script type="text/javascript" language="javascript">
function colorito(){
document.getElementById(caja).style.background = '#FF0000';
}
</script>
</head>

<body>
<form name="form1" method="post" action="" onSubmit="return colorito();">
  <p>
    <input type="text" id="caja" name="caja">
</p>
  <p>
    <input type="submit" name="Submit" value="Enviar">
</p>
</form>
</body>
</html>

le he cambiado de varias formas en la parte de document, que ha quedado asi

Código PHP:

  document.getElementById("caja").style.background = "#FF0000";

y aparece el fondo pero solo mientras se carga la página despues se quita, no se a que se deba esto por que en el onsubmit ya le puse el return

y ,no se si alguien sepa, por favor, gracias

jackson666 · #2 (**permalink**) 13/01/2010, 21:15

Queres que se pinte el fondo de un color cuando envias del formulario? La verdad no se entiende... Para que vas a querer eso si no se llegaria a ver....

Si no quieres que el formulario se mande deberias hacer esto:

Código Javascript:

Ver original<script type="text/javascript" language="javascript">
function colorito(){
    document.getElementById("caja").style.backgroundColor = '#FF0000';
    return false;
}
</script>
</head>
 
<body>
<form name="form1" method="post" action="" onsubmit="return colorito();">
  <p>
    <input type="text" id="caja" name="caja" />
</p>
  <p>
    <input type="submit" name="Submit" value="Enviar" />
</p>
</form>
</body>
</html>

Lizy94 · #3 (**permalink**) 13/01/2010, 21:21

oh muchas gracias, y no en si este pequeño código lo voy a aplicar a un formulario ya validado para que cuando tenga algún error, me marque mis campos de texto con un color de fondo, mil gracias

Lizy94 · #4 (**permalink**) 13/01/2010, 21:37

bueno tengo otro problema, ese pequeño código funciona bien, pero solo en ese script,cuando lo trato de aplicar a mi script no lo reconoce, esta es una parte de mi script, a ver si me puedas ayudar,por favor

Código PHP:

  function valida_obligatorios(){ 
    var mensaje="Campos obligatorios:\n\n"; 
    var completos=true; 
............... 
 
if(document.getElementById("txtNombre").value==0) 
    {      
        completos=false;  
        mensaje+="[Nombre] \n"; 
        //document.getElementById("txtNombreobl").style.visibility = "visible"; 
        document.getElementById("txtNombreobl").style.background = '#FFCCFF'; 
 
 
if(completos==false){alert(mensaje); return false;} 
 
}

si te fijas ya le habia aplicado antes un estilo, y si me funcionaba pero me han pedido que le cambiara el diseño que tenia a cambiarle el fondo de color a las cajas de texto, no se si me puedas ayudar por favor, gracias