Prototype est un framework Javascript développé par Sam Stephenson. On le retrouve par exemple dans RubyOnRails, ou comme dépendance pour Aculo.us. Nous allons donc voir ensemble les fonctionnalités de base et où trouver les informations.

Tout d’abord, il existe une documentation anglaise plutôt complète :
http://www.sergiopereira.com/articles/prototype.js.html

Celle-ci a été traduite en français (mais pour la version 1.3.1) :
http://www.electrolinux.com/traductions/prototype.js.html

Explications :

  • mon_element est l’identifiant de l’élément à afficher / masquer
  • style="display: none;" permet de masquer par défaut l’élément
  • Element.toggle('mon_element'); affiche l’élément si il est masqué et le masque si il est affiché
  • return false; désactive le comportement normal du lien à savoir aller à l’URL précisée dans href

Faire un appel AJAX simple pour rafraichir un élément :

Le fichier HTML :



Il est -
(actualiser)

Le serveur :

L’exemple : voir, télécharger

Transmettre un formulaire via AJAX :

Le script suivant permet de poster un formulaire via AJAX sans recharger toute la page.







	Mon formulaire

 : 


 :

To be continued…