Foros del Web » Creando para Internet » CSS »

Cambiar color a resultado en en una caja de texto

Estas en el tema de Cambiar color a resultado en en una caja de texto en el foro de CSS en Foros del Web. Buenas, la verdad muy poco trabajo CSS, pero me gustaria saber como puedo hacer esto: Tengo un formularo donde el usuario me ingresa el valor ...
  #1 (permalink)  
Antiguo 08/10/2010, 17:24
 
Fecha de Ingreso: abril-2009
Ubicación: Colombia
Mensajes: 949
Antigüedad: 8 años, 7 meses
Puntos: 27
Cambiar color a resultado en en una caja de texto

Buenas, la verdad muy poco trabajo CSS, pero me gustaria saber como puedo hacer esto:
Tengo un formularo donde el usuario me ingresa el valor del lado de un cuadrado y en dos cajas te texto que estan deshabilidatas (disable), imprimo los resultados
Pero resulta que los resultados me salen en color negro y muy claritos,

Como puedo cambiar el color de esos resultados?.....O dejarlos mas oscuros?? eso se hace con CSS?...

Aca el codigo de mi formulario:

Código HTML:
Ver original
  1. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  2. <title>Cuadrado</title>
  3. <script languaje="JavaScript">
  4.  
  5. function num(c){
  6.  c.value=c.value.replace(/[A-z-\/\*\+]/, '');
  7. }
  8.  
  9.      
  10.  
  11.  
  12. <script languaje="JavaScript">
  13.           function area()
  14.          {
  15.             lado=document.datos.lado.value;
  16.    
  17.                          document.datos.perimetro.value=lado*4;
  18.              document.datos.resultado.value=lado*lado;
  19.          
  20.          }  
  21.       </script>
  22. <style type="text/css">
  23. <!--
  24. .Estilo1 {color: #0000FF}
  25. -->
  26. </head>
  27.  
  28. <br>
  29. <center><h1><b>CALCULO DE AREA DE UN CUADRADO</b></h1></center>
  30. <br />
  31. <hr />
  32.  
  33. <br>
  34. <br>
  35.  
  36.  
  37. <form name="datos">
  38. <center>
  39. <table width="500
  40. " border="1" >
  41.   <tr>
  42.     <td width="147"><div align="center"><strong><h2 class="Estilo1">INGRESO DE DATOS</h2>
  43.     </strong></div></td>
  44.     <td width="173"><div align="center">
  45.       <h2><strong><span class="Estilo1">RESULTADO</span></strong></h2>
  46.     </div></td>
  47.     <td width="173"><div align="center">
  48.       <h2><strong><span class="Estilo1">FIGURA</span></strong></h2>
  49.     </div></td>
  50.   </tr>
  51.   <tr>
  52.     <td><div align="center"><h3>VALOR DEL LADO </h3>
  53. <input  type="text" name="lado" size="10" onBlur="num(this);" onKeyPress="num(this);" onKeyUp="num(this);" /></div></td>
  54.     <td><div align="center">
  55. <h3>VALOR PERIMETRO </h3>
  56. <input type="text" name="perimetro" disabled="disabled">
  57.  
  58.   <h3>VALOR AREA </h3>
  59. <input type="text" name="resultado" disabled="disabled"></div><br></td>
  60. <td><div align="center">
  61. <h3><img src="Imagenes/cuadrado.jpg" alt="Cuadrado" > &nbsp;</h3>
  62. </div>
  63. <br></td>
  64.   </tr>
  65. </center>
  66.  
  67.  
  68.  
  69.   <br>
  70.    
  71.    <CENTER> <input type="button" value="Calcular valores" onClick="area()"> <input name="Limpiar"  type="reset" id="Limpiar" value="Borrar valores ingresados "></CENTER>
  72. </form>
  73. <br />
  74.  
  75. </body>
  76.  </html>

Agradezco me puedan colaborar
  #2 (permalink)  
Antiguo 08/10/2010, 17:59
Avatar de TEPO  
Fecha de Ingreso: febrero-2010
Mensajes: 235
Antigüedad: 7 años, 10 meses
Puntos: 23
Respuesta: Cambiar color a resultado en en una caja de texto

Bueno, enprincipio el script de tu pagina, al menos el que pasaste no muestra los resultados, pero bueno, fijate si cambiando el color de los input se ve algo:

<h3>VALOR PERIMETRO </h3>
61.
<input type="text" name="perimetro" disabled="disabled" style="background-color:#FFFFFF";>
62.

63.
<h3>VALOR AREA </h3>
64.
<input type="text" name="resultado" disabled="disabled" style="background-color:#FFFFFF";></div><br></td>

De todas maneras me parece que ha tu script le falta algo, para que muestre los resultados, creo que esto no te va a servir de mucha ayuda.
Saludos.-
  #3 (permalink)  
Antiguo 08/10/2010, 18:41
 
Fecha de Ingreso: abril-2009
Ubicación: Colombia
Mensajes: 949
Antigüedad: 8 años, 7 meses
Puntos: 27
Respuesta: Cambiar color a resultado en en una caja de texto

Gracias, lo que pasa es que no lo copie entero, que pena
  #4 (permalink)  
Antiguo 08/10/2010, 18:43
 
Fecha de Ingreso: abril-2009
Ubicación: Colombia
Mensajes: 949
Antigüedad: 8 años, 7 meses
Puntos: 27
Respuesta: Cambiar color a resultado en en una caja de texto

Pero asi no funciono, solo deja la caja de texto sin color....lo que yo quiero es cambiar el color del texto...
  #5 (permalink)  
Antiguo 08/10/2010, 20:02
Avatar de carmagedon  
Fecha de Ingreso: junio-2005
Ubicación: Argentina
Mensajes: 794
Antigüedad: 12 años, 6 meses
Puntos: 23
Respuesta: Cambiar color a resultado en en una caja de texto

Hola,

Para cambiar los estilos al texto, inputs, etc., etc., en el input que está disabled que es donde supuestamente se muestran los resultados, será cuestión de que hagas lo que te acabaron de comentar.
Es raro que aparezcan de otro color, si vos no lo estás modificando.

Por ahí te aconsejaría en que uses en un archivo aparte, un css para todos tus estilos, obviamente a éste archivo lo vas a tener que incluir, y entonces, en tu input lo que tendrías que hacer es cargarle el estilo que estás apuntando, por ejemplo.

Código HTML:
Ver original
  1. <input type='text' class='myinputclass'>

Código CSS:
Ver original
  1. .myinputclass{
  2. position: absolute;
  3. background-color: #FFFFFF;
  4. color: #000000;
  5. border-style: solid;
  6. border-color: #000000;
  7. border-width: 1px;
  8. }

Para hacerlo más fácil, prueba en un archivo a parte, éste código.
Obviamente tenés que especificar al código del CSS que son estilos, para eso investiga así aprendés a buscar y a resolver tus problemas solo, que es mucho mejor que copiar y pegar . Solo te falta abrir una etiqueta para detectar que es código CSS.

Luego de encontrar la etiqueta para meter el codigo del CSS, prueba, a ver si te funciona. Y luego, haz lo mismo, pero adaptando tu código.

Saludos!!
__________________
Freelance - Aplicaciones Web

Etiquetas: caja, color, resultados
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:46.