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>

Comentarios

Aún no hay comentarios

Deja un comentario