Zootropo

Diario del mundo geek.

viernes, mayo 14, 2004

Previsualización de los comentarios

He encontrado en Korochi Industrias algo que quizás me apetezca probar mas tarde, una vista previa instantánea de como quedará un comentario a la vez que se escribe:

  1. Inserten lo siguiente antes del </head> en las páginas de su weblog. Es decir, en el index, en los templates de archivos y en la de comment listing template:

    <script language="javascript" type="text/javascript">
    <!--
    function ReloadTextDiv()
    {
    var NewText = document.getElementById("comment").value;
    splitText = NewText.split(/\n/).join("<br />");
    var DivElement = document.getElementById("TextDisplay");
    DivElement.innerHTML = splitText;
    }
    //-->
    </script>

  2. Vayan a las páginas donde está el formulario para escribir comentarios y en la parte donde dice <textarea name="text"... agreguen al lado id="comment" y al final onkeyup="ReloadTextDiv();".

    Debería quedar así:

    <textarea name="text" id="comment" rows="10" cols="50" onkeyup="ReloadTextDiv();"></textarea>

  3. En donde quieran que aparezca el preview inserten esto:

    <h1>preview</h1>
    <p id="TextDisplay"></p>