Simple Exemple Ajax

L'objectif est de réaliser un éditeur HTML temps-réel et en ligne :

Le cadre blanc à gauche affiche la page,
Le cadre sombre à droite affiche le code HTML qui est éditable,
Chaque entrée clavier dans l'éditeur actualise le contenu de l'affichage,
Un clic en dehors de l'éditeur enregistre le code HTML sur le serveur.

C'est tout !

L'ensemble est contenu dans cinq fichiers :

index.php (fichier cadre HTML),
ajax.js (javascript côté navigateur),
update.php (PHP côté serveur),
styles.css (styles de la page),
text.txt (fichier texte contenant le code).

Téléchargez l'archive AJAX, ( version du 13/02/2011 ) et testez !