<!-- FORMULAIRE DE REDACTION avec prévisualisation en direct -->
<form action="index.php" method="post" name="redaction">
        <textarea name="contenu" cols="60" rows="10" ></textarea>
       
        <div id="prev"></div>
       
        <input name="auto" id="auto" type="checkbox" onClick="automatique()" /><label for="auto">Pr&eacute;visualisation automatique</label>
        <input type="button" value="Prévisualiser" onClick="previsualisation();return(false)" /><br />
</form>

var xhr = null; // XMLHttpRequest
var timer = 0;

function getXhr() {
        if (window.XMLHttpRequest)      // Firefox, Opera, Safari,...
                xhr = new XMLHttpRequest();
        else if (window.ActiveXObject) {        // IE
                try {
                        xhr = new ActiveXObject("Msxml2.XMLHTTP");
                }
                catch (e) {
                        xhr = new ActiveXObject("Microsoft.XMLHTTP");
                }
        }
        else {  // XMLHttpRequest n'est pas supporté par le navigateur
                alert("Votre navigateur ne supporte pas cette fonction, essayez avec Firefox.");
                xhr = false;
        }
}

/* Effectue la prévisualisation, en appelant js_xhr.php qui effectue la transformation de markdown en html */
function previsualisation() {
        getXhr();
        // On effectue le traitement dès que le server est ok
    xhr.onreadystatechange = function() {
        if (xhr.readyState == 4 && xhr.status == 200) {
            var texte = document.redaction.contenu.value;       // On récupère le texte du formulaire
                        if (document.getElementById) {
                                document.getElementById("prev").innerHTML = xhr.responseText;
                        if (document.redaction.auto.checked)
                                timer = setTimeout(previsualisation(),500);
        }
    }
        xhr.open('POST','js_xhr.php',true); // Ouverture de la connexion
    xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded'); // En-tête pour POST
    var data = 'texte='+escape(texte); // Formatage de la requête
    xhr.send(data); // Envoi de la requête
}

function automatique() {
        if (document.redaction.auto.checked)
                previsualisation();
}

<?php

/* Fait le lien depuis la fonction javascript de prévisualisation en direct vers phpmarkdown */

header('Content-type: text/html; charset=iso-8859-1');
include('../pages/markdown.php'); // Besoin de la fonction markdown()
echo nl2br(htmlentities(markdown($_POST['texte']),ENT_QUOTES)); // On affiche le HTML

?>