← ¿Qué es una Computadora?

Editores de código →

Vista previa con Javascript



February 10th, 2008 | javascript

Muchas veces hemos visto como en blogs al escribir nuestro comentario se va creando una vista previa de como va quedando.

Veamos como generar esta vista previa del contenido de una TextArea con JavaScript:

<html>
  <head>
    <title>Prueba de vista previa</title>
    <script type="text/javascript">
      <!--
      function hacerVistaPrevia()
      {
        document.getElementById('vistaPrevia').innerHTML = document.getElementById('txtComentario').value.split(/\n/).join("<br />");
      }
      -->
    </script>
  </head>
 
  <body>
    <form name="form1" method="post" action="">
      <textarea id="txtComentario" name="txtComentario" rows="7" cols="40" onkeyup="hacerVistaPrevia()"></textarea>
    </form>
    <div id="vistaPrevia"></div>
  </body>
</html>

0 comentarios ↓

Nadie se ha animado a comentar... Se el primero!!

Leave a Comment