Imprimir por pantalla lo que voy escribiendo

RubenLL · #1 (**permalink**) 05/11/2013, 13:51

Hola,

He creado una aplicación hta y quisiera escribir en varias cajas de texto y mientras voy haciendolo que abajo se muestre en "vivo" lo que voy haciendo. lo he intentado con document.write pero no parece que funcione
¿ Sabéis como hacerlo ?

Gracias

vick90 · #2 (**permalink**) 05/11/2013, 14:09

abajo de que y en donde lo quieres mostrar ?

RubenLL · #3 (**permalink**) 06/11/2013, 04:51

Debajo de todas las cajas de texto, yo puse un document.alert pero esto no lo va refrescando al momento que yo escribo en cada caja.
Saludos

<html>
<head>
<title>Mi HTA</title>
<HTA:APPLICATION
ID="test"
APPLICATIONNAME="Test"
SINGLEINSTANCE="no"
WINDOWSTATE="normal">

<script language="VBScript">
self.ResizeTo 640, 480
Sub Window_Onload
self.MoveTo (screen.availWidth - (document.body.clientWidth)-800),50
End Sub
</script>

</head>
<body>

<h2>Generador de link</h2>

Día de entrada:<br>
<INPUT TYPE="TEXT" NAME="diaentrada"><br>
Día de salida:<br>
<INPUT TYPE="TEXT" NAME="diasalida"><br>

Mes y año de entrada(formato aa/dddd):<br>
<INPUT TYPE="TEXT" name="mesañoentrada"><br>

Mes y año de salida(formato aa/dddd):<br>
<INPUT TYPE="TEXT" name="mesañosalida"><br>

Localidad:<br>
<INPUT TYPE="TEXT" name="localidad"><br>

Nombre del hotel:<br>
<INPUT TYPE="TEXT" NAME="nombrehotel"><br>

<script type="text/javascript">

var diaentrada = document.formu.diaentrada.value;
var diasalida = document.formu.diasalida.value;
var mesañoentrada = document.formu.mesañoentrada.value;
var mesañosalida = document.formu.mesañosalida.value;
var localidad = document.formu.localidad.value;
var nombrehotel = document.formu.nombrehotel.value;

document.write(" Aquí texto fijo"+diaentrada+ "Aquí texto fijo" +diasalida+ "Aquí texto fijo" +mesañoentrada+ "Aquí texto fijo" +mesañosalida+ "Aquí texto fijo"+ localidad +"Aquí texto fijo" +nombrehotel+ "Aquí texto fijo");

</script>

</body>
</html>

JonatanRem · #4 (**permalink**) 07/11/2013, 03:26

Facil,necesitas poner el código en un metodo y luego llamarlo desde un evento.

Ejemplo:

Código:

<!DOCTYPE html">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>lalala</title>

<script type="text/javascript" >
function hacer(escribe){
 document.getElementById("semuestra").innerHTML=escribe;
	}
</script>

</head>

<body>
Nombre del hotel:<br>
<INPUT TYPE="TEXT" NAME="nombrehotel" onkeyup="hacer(this.value)"><br>

<div  id="semuestra"></div>

</body>
</html>

RubenLL · #5 (**permalink**) 07/11/2013, 04:43

Hola Jonatan,

Gracias por el código pero yo necesito que un texto quede fijo y en el momento de rellenar cada caja de texto ocupe su lugar es decir.

En nombre del hotel: +variable del nombre de hotel + y el día de entrada en el hotel es: + aquí variable de otra caja de texto.

No se si me he explicado....

Saludoss :)

JonatanRem · #6 (**permalink**) 07/11/2013, 15:19

No entendí muy bien, ¿por nombre del hotel te refieres a la eqiueta NAME="nombrehotel" o al valor de <INPUT TYPE="TEXT" NAME="nombrehotel">?.

Como sea, agrega cualquiera de los siguientes eventos; onkeydown,onkeypress,onkeyup. En esos eventos mandas llamar un metodo donde utilizando DOM llenes el campo que quieras.

Lynxcraft · #7 (**permalink**) 07/11/2013, 17:38

similar a lo que te paso JonatanRem

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>lalala</title>
 
<script type="text/javascript" >
function hacer(){
    var nombrehotel = document.getElementById("input_nombrehotel").value;
    var diadeentrada = document.getElementById("input_diadeentrada").value;
    
 document.getElementById("semuestra").innerHTML='En nombre del hotel: '+nombrehotel+ 'y el día de entrada en el hotel es:' + diadeentrada ;
}
</script>
 
</head>
 
<body>
Nombre del hotel:<br>
<INPUT  id="input_nombrehotel" TYPE="TEXT" NAME="nombrehotel" onkeyup="hacer()" /><br>
<input  id="input_diadeentrada" type="text" name="diadeentrada" onkeyup="hacer()" />
<div  id="semuestra"></div>
 
</body>
</html>