Voici enfin une révolution dans les interfaces Web : l’édition « en place » de contenu, sans passer par une page spécifique avec un formulaire d’édition. Dylan Verheul a écrit un plugin pour jQuery qui permet de faire ça en quelques lignes de code. Impressionnant !
Son code est disponible à l’adresse :
— http://www.dyve.net/jquery/?editable
J’ai fait aussi un exemple complet, directement tiré du sien, qui montre les données telles qu’elles sont reçues par le serveur après édition d’un champ.
Le code est simplissime :
- d’abord, charger le plugin (ici je l’ai recopié sur mon site) :
<script src="/scripts/jquery_editable.js"></script>
- ensuite, dire à jQuery d’appliquer la fonction
editable()à chaque paragraphe possédant la classeeditor:
<script type="text/javascript"><!--
$(document).ready(function() {
$(".editor").editable("/scripts/show_post.php",
{ extraParams:{page:'editable'} }
);
});
// --></script>- enfin, indiquer quels sont les paragraphes éditables :
<p class="editor">Un paragraphe editable</p>
<p>Un paragraphe non éditable</p>
<p class="editor">Un autre paragraphe éditable.</p>Et hop !
RSS 2.0
Plan du site
Espace privé