Previsualización de los comentarios

Publicado por Zootropoel

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>

Deja un comentario

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.