Foros del Web » Programando para Internet » Javascript »

Mostrar texto oculto

Estas en el tema de Mostrar texto oculto en el foro de Javascript en Foros del Web. Hola a todos: Estoy haciendo un codigo simple (aunque para mi muy dificil XD) en java script que haga que cuando pulses un boton aparezcan ...
  #1 (permalink)  
Antiguo 24/06/2010, 15:27
 
Fecha de Ingreso: febrero-2010
Mensajes: 85
Antigüedad: 9 años, 9 meses
Puntos: 0
Mostrar texto oculto

Hola a todos:

Estoy haciendo un codigo simple (aunque para mi muy dificil XD) en java script que haga que cuando pulses un boton aparezcan ciertas cosas.

Por lo pronto he hecho que cuando pulses un boton aparezca un cuadro de texto debajo, el codigo es este:

Código HTML:
<html>

<script language="JavaScript">
function mostrar() 
{
	document.form_reloj.motivo.style.display = '';
}
</script>

<body>
       <form name="form_reloj">
		<table width="200"> 
			<tr><input type="button" value="Comenzar llamada" onClick="mostrar()"></tr>
			<tr><input type="text" name="motivo" style="display:none"></tr>
		</table>
		</form>
</body>
</html> 
Lo que quiero hacer es que no solo aparezca el cuadro de texto, sino que al lado aparezca un texto que indique que es lo que va en ese cuadro.

Por ejemplo lo que quiero que haga es que cuando le des al boton ponga debajo Motivo: y seguidamente el cuadro de texto.

Alguien me puede ayudar? Muchas Gracias!
  #2 (permalink)  
Antiguo 24/06/2010, 15:33
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 13 años
Puntos: 126
Respuesta: Mostrar texto oculto

Hola

Prueba así

Código Javascript:
Ver original
  1. <html>
  2.  
  3. <script language="JavaScript">
  4. function mostrar()
  5. {
  6.     document.form_reloj.motivo.style.display = '';
  7.     document.getElementById('enunciado').innerHTML = 'TEXTO';
  8. }
  9. </script>
  10.  
  11. <body>
  12.        <form name="form_reloj">
  13.         <table width="200">
  14.             <tr><td><input type="button" value="Comenzar llamada" onClick="mostrar()"></td></tr>
  15.             <tr><td><div id="enunciado"></div><input type="text" name="motivo" style="display:none"></td></tr>
  16.         </table>
  17.         </form>
  18. </body>
  19. </html>

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />
  #3 (permalink)  
Antiguo 24/06/2010, 16:14
 
Fecha de Ingreso: febrero-2010
Mensajes: 85
Antigüedad: 9 años, 9 meses
Puntos: 0
Respuesta: Mostrar texto oculto

Muchisimas gracias!! Adler problema resuelto. Solo tuve que modificar tu codigo poniendo el <div> en un td para que me aparezca el texto y el cuadro al lado.

Gracias por tu ayuda!!!
  #4 (permalink)  
Antiguo 24/06/2010, 16:31
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 13 años
Puntos: 126
Respuesta: Mostrar texto oculto

Hola

Si quieres evitar ese comportamiento en vez de usar div usa span

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />

Etiquetas: oculto
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 06:43.