Javascript: vista previa de un comentario a tiempo real
Lo hacen muchos gestores de contenidos para blogs. A la hora de escribir un comentario a un post crean una especie de vista previa que se va viendo a tiempo real.
Requiere 3 bloques distintos de código: la función javascript, el input del comentario y la salida de la preview, empezamos por la función javascript:
function previo1() { field = document.getElementById("nombre_remitente"); txt_field = document.getElementById("denombre"); txt_field.innerHTML = field.value; }
Si nos fijamos, esta función no hace más que coger el valor del texto introducido en el id=“nombre_remitente” y ponerlo en el id=“denombre”.
Ahora el input del formulario (puede ser input, textarea… lo que sea):
<input type="text" name="nombre_remitente" id="nombre_remitente" onkeyup="previo1()"/>
Llamamos a la función previo1() en el evento onkeyup, cuando la tecla se des-pulsa consiguiendo así un efecto de tiempo real
El trozo de código que falta es el de la preview:
<span id="denombre"></span>
