Adobe a mis à disposition des développeurs, un framework ajax, nommé SPRY, permettant au même titre que des librairies Ajax type Mootools, jQuery etc. d’enrichir l’interactivité de nos applications. Ce framework intégré à Dreamweaver CS4, est composé d’un ensemble de librairies permettant de créer des composants liées à des données, d’insérer des mises en formes interactives, d’appliquer des effets à des formulaires ou des menus.

Les données SPRY s’utilisent sous forme de widgets, qui associent du code Javascript avancé, l’objet DOM et des données XML.
Ils sont regroupés sous 3 grandes familles, à savoir :

• Les widgets de mise en forme
• Les widgets de validation de formulaire
• Les effets

Widgets de mise en forme

• Accordéon, permet d’afficher un ensemble de panneaux réductibles pouvant stocker beaucoup de contenu tout en restant compact.
• Panneau réductible, au même titre que Accordéon, ce widget permet de stocker du contenu mais dans un seul panneau.
• Panneaux à onglet, permet d’afficher du contenu relatif à un onglet.
• Barre de menus, est un menu déroulant de navigation.
• Info-bulle, ajoute une info-bulle à l’élément ou au texte sélectionné avec des effets d’animations facultatifs.

Widgets de validation de formulaire

• Champ de texte de validation, affiche un état de validation du champ sous forme de message ou d’icone, relatif à chacun des champs d’un formulaire.
• Zone de texte de validation, le comportement est similaire à celui du champ de texte, mais en l’occurence appliqué à une zone de texte.
• Validation de la sélection, affiche un état de validation en fonction du choix effectué sur une liste déroulante.
• Validation de case à cocher, affiche un état de validation selon qu’il y ait une ou plusieurs case à cocher.

Les effets

Il s’agit là d’un bibliothèque d’effets pouvant être associé entre eux, permettant d’enrichir l’interaction visuelle des applications web.

• Surlignage
• Fondu
• Store monté/Store baissé
• Glisser
• Agrandissement
• Ecraser
• Secouer

Le framework SPRY fonctionne avec les versions

Quelques exemples…

• Validation de formulaire
• Effets
• Gestion d’affichage d’une liste de produits

Vous pouvez retrouver l’ensemble des exemples de mise en application du framework SPRY sur le site d’Adobe Labs.