Mostrar texto oculto

Karla_vs · #1 (**permalink**) 24/06/2010, 14:27

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!

Adler · #2 (**permalink**) 24/06/2010, 14:33

Hola

Prueba así

Código Javascript:

Ver original<html>
 
<script language="JavaScript">
function mostrar() 
{
    document.form_reloj.motivo.style.display = '';
    document.getElementById('enunciado').innerHTML = 'TEXTO';
}
</script>
 
<body>
       <form name="form_reloj">
        <table width="200"> 
            <tr><td><input type="button" value="Comenzar llamada" onClick="mostrar()"></td></tr>
            <tr><td><div id="enunciado"></div><input type="text" name="motivo" style="display:none"></td></tr>
        </table>
        </form>
</body>
</html>

Suerte

Karla_vs · #3 (**permalink**) 24/06/2010, 15:14

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!!!

Adler · #4 (**permalink**) 24/06/2010, 15:31

Hola

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

Suerte