jQuery.info
Découvrir et utiliser jQuery, la librairie javascript du XXIIème siècle

Accueil du site > Plugins > Le plugin « form »

Le plugin « form »

mercredi 23 août 2006, par Fil

Un plugin permet d’envoyer le contenu d’un formulaire et d’afficher le résultat dans une div de la page. C’est form.js, développé par Mark Constable


Pour faire un peu Web 2.0, il faut que les formulaires ne rechargent pas la page, mais seulement un fragment de celle-ci. Pour cela, on compose notre formulaire comme d’habitude, sans rien y changer.

On appelle jQuery et le plugin form.js dans notre page :

<script src="http://jquery.com/src/jquery-svn.js"
 type="text/javascript"></script>
<script src="/scripts/form.js"
 type="text/javascript"></script>

(Ici j’ai mis la version SVN de jQuery car l’habituelle latest.js avait un bug.)

Puis le script d’initialisation invoque la magie pour les formulaires à qui on a donné la classe .ahah :

$(document).ready(function() {
 $(".ahah").ajaxForm('#resultat');
});

Et c’est fini ! Merci Mark C.

P.-S.

A noter : ce plugin a beaucoup d’options ; on peut notamment appeler une fonction avant ou après l’envoi des données vers le serveur. On y reviendra sans doute dans un prochain article.

Cf. Upload de fichiers, pour tester le plugin form.js.

Documents joints

Répondre à cet article

7 Messages de forum

  • (logo)

    Le plugin « form »

    24 août 2006 02:11, par cedric

    le formulaire avec magie ne semble pas etre soumis quand on tape sur entrée dans FF 1.07/win xp

    Répondre à ce message

  • (logo)

    Le plugin « form »

    4 septembre 2006 17:36, par mortimer

    Ho, appeler une fonction "Avant l’envoie", ça pourrait être cool pour les forums de SPIP où l’on doit calculer un hash avant de pouvoir poster le formulaire :)

    Il faut vraiment que je revois mon forum previsu live pour integrer cela en plugin avec jQuery.

    Répondre à ce message

    • (logo)
      Le plugin « form » 17 septembre 2007 14:53, par Sébastien

      Une petit chose, si le formulaire rafraichit l’élément div au quel il appartient, alors la deuxième fois cela ne fonctionne plus. Il n’est pas possible d’enchainer plusieurs tranches d’un questionnaire une idée ?

      Répondre à ce message

  • (logo)

    Le plugin « form »

    21 septembre 2007 01:21, par gtraxx

    Ce plugin n’est plus a jour et donc pas compatible avec la dernière version de jquery.
    Testé avec une 1.1.4 et plein d’erreur javascript sur un modèle de formulaire plutôt simple.

    Répondre à ce message

  • (logo)

    Le plugin « form »

    18 janvier 2009 19:46, par goosy

    Bonjour à tous !

    Je viens de tester le script et j’ai remarqué que il ne fonctionne que sur les fichier html. Est-ce normal ?

    Répondre à ce message

  • (logo)

    Le plugin « form »

    4 mars 2009 09:27, par fab

    Je dois être cretin mais je n’arrive pas à le faire marcher

    que faut il dans le show_post.php pour recevoir la variable a afficher en retour ?

    Répondre à ce message

  • (logo)

    Le plugin « form »

    7 août 2009 14:08

    Si il fonctionne, il faut juste modifier la synthaxe du javascript :

    $(document).ready(function()
    $(’.ahah’).ajaxForm(
    target : ’#resultat’
    ) ;
    ) ;

    Répondre à ce message


Derniers commentaires

Nouveautés sur le Web