Vista Previa de Un Textarea

lucciagxxx · #1 (**permalink**) 02/04/2007, 02:22

Me gustaria un script para ver en version o vista previa el contenido de un texarea , como en algunos foros para ver el mensaje en una venanita antes de enviarlo , saludos a todos

zyon · #2 (**permalink**) 02/04/2007, 08:35

hola, mm utilizas una base de datos?

lucciagxxx · #3 (**permalink**) 02/04/2007, 13:03

nono utlizo

JavierB · #4 (**permalink**) 02/04/2007, 13:13

Hola lucciagxxx

A ver si te refieres a esto:

Código:

<form>
<textarea name="txt"></textarea>
<input type="button" value="Vista previa" onclick = "document.getElementById('prev').innerHTML = txt.value" />
</form>
<div id="prev"></div>

Saludos,

zyon · #5 (**permalink**) 02/04/2007, 13:52

creo que ella se refiere a algo como lo que se muestra en este mismo foro, que para ver el contenido de una pregunta, se coloca el cursor sobre el titulo y aparece la propiedad TITLE con parte del contenido...supongo io.

caricatos · #6 (**permalink**) 02/04/2007, 15:25

Hola:

Supongo que en el textarea se incrustan códigos del tipo bbcode [ b][ /b], [ u][ /u], etc... Un ejemplo se puede ver aqui: Editor de texto... si es eso, en las FAQs hay un tema sobre incluir emoticones en un textarea (o algo así)

Saludos

lucciagxxx · #7 (**permalink**) 02/04/2007, 15:57

Bueno muchas gracias pro vuestra ayuda quizas yo no he sido muy especifica , lo que me refiero es que en muchos foros debajo del textarea se pone un link que permite ver como quedaria el mensaje , entonces se abre un pequeño popup y se ve el contenido del textarea previo a enviar , es un javascript pero yo no lo encontre y la pagina donde lo habia ya no me se la direccion para encontrarla , despues de intentarlo pues finalmente os pregunto a ver que me decis , saludos y muchas gracias

zyon · #8 (**permalink**) 02/04/2007, 17:19

a e visto eso, pero por ejmplo cuadno uno escribe un comentario en x sitio de chat y viene la opción de vista previa, o en este mismo foro al enviar un mensaje te da la opción de vista previa, pero lo único distinto es que tu dices que sale en un pop up, eso no lo he visto...bueno, asi es como te entiendo io :P

lucciagxxx · #9 (**permalink**) 02/04/2007, 17:26

Si zyon , pues a ver si sabes como hacerlo y me comentas , un saludo amigo

kaninox · #10 (**permalink**) 02/04/2007, 19:18

se resolveria con php de forma mas facil la vista previa envia los datos a la misma pagina via post y los previsualiza no es para nada complicado te dejo un ejemplillo....

index.php

Código:

*****
<body>
<?php
//Aqui previsualizamos lo de abajo
//si apreto el boton enviar y el texto y textarea son distintos de vacio 
//mostramos la preview de lo contrario puedes enviar un error que falta 
//algun dato
if (isset($_POST[enviar]) && $_POST[texto] && $_POST[area] != "")
{
?>
<input type="text" ReadOnly name="texto" value="<?php echo "$_POST[texto]";?>" size="15" /><br />
<textarea name="area" ReadOnly><?php echo "$_POST[area]";?></textarea><br />
<input type="submit" name="enviar" value="Enviamos">
<?php
}
?>
<!-- //tu formulario y previsualizamos una vez enviamos-->
<form name="myform" action="index.php" method="_POST">
<input type="text" name="texto" value="<?php echo "$_POST[texto]";?>" size="15" /><br />
<textarea name="area"><?php echo "$_POST[area]";?></textarea><br />
<input type="submit" name="enviar" value="Enviamos">
</form>
</body>
*****

bueno le faltan mas cosas validaciones etc... espero te ayude si no te funciona te hechamos otra mano, se me ocurrio en php ya que javascript no es mi fuerte que digamos :P
tambien lo puedes enviar a un pop up ver hay el preview tendrias que cambiar los parametros del form cualquier cosa me dices si te sirve o no

saludos

ari_millo_lp · #11 (**permalink**) 21/02/2011, 01:21

<form>
<textarea name="txt"></textarea>
<input type="button" value="Vista previa" onclick = "document.getElementById('prev').innerHTML = txt.value" />
</form>
<div id="prev"></div>

Como hago para ver la vista previa en un marco de la pagina??

JavierB · #12 (**permalink**) 21/02/2011, 02:35

Hola ari_millo_lp

Te recuerdo el aviso que había al final de este tema y que parece que no has leído o no le has hecho ni caso.

Tema cerrado.