Entries Tagged 'javascript' ↓

Vista previa con 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>

¿Qué es Javascript?

Javascript es un lenguaje de scripts multiplataforma creado por Netscape actualmente en su versión 1.5, totalmente compatible con ECMA-262, Edición 3. Contrariamente a lo que nos podría hacer suponer su nombre, no tiene nada que ver con Java, o al menos tiene tanto que ver como lo tiene por ejemplo con C++, ya que la sintaxis de los tres es parecida y tienen en común cosas como los bucles o estructuras de control. De hecho en principio el nuevo lenguaje se bautizó como Livescript pero se cambió su nombre a Javascript más tarde por cuestiones de marketing.

Javascript permite tanto programación imperativa como funcional, ya que incluye características de los lenguajes funcionales como las funciones de orden superior (high order programming, el uso de funciones como si de otro valor se tratara, posibilitando el pasar funciones como argumento a otras funciones o devolver funciones como valor de retorno) o las funciones lambda (funciones anónimas), por lo tanto está tan próximo a Java como lo está de leguajes funcionales como Lisp o Scheme. Así mismo permite tanto programación procedural como orientada a objetos, aunque no incluye características de lenguajes mas puros en su orientación a objetos como Java o Smalltalk como pueden ser las clases o la herencia.