Ajax Extensible Page

Ajax sans programmation

La bibliothèque JavaScript A.E.P. permet de créer des pages dynamiques dont le contenu se développe à la demande du lecteur, soit localement par un clic sur un symbole ou un mot ou une phrase, soit globalement par un clic sur le bouton ou le lien "expand".
A.E.P. est une innovation du Web 2.0 qui change la façon de construire les sites Web et leur utilisation. Cependant cela n'est pas destiné à n'importe quelle page, cela pourrait interférer avec les moteurs de recherche, mais seulement à certaines applications fournissant un contenu spécifique à la demande.

Etendre le contenu
Réduire le contenu


Avantages d'une page extensible

- Articles à deux niveaux. On peut écrire une page qui puisse être lue par des utilisateurs chevronnés sans les embêter avec des détails qui leur sont évident, et lisible aussi par des débutants qui auront plus d'explications au besoin.
- Eviter les retours en arrière. Les informations demandées sont insérées dans la page elle même, il suffit de dérouler pour passer à la suite.
- Et un tas d'autres applications...

Utilisation

Les liens "expand" et "collapse" ou "étendre" et "réduire" en français devraient sur un page Web moderne jouxter le lien "imprimer" qui affiche une version imprimable de la page.
En fait le framework peut être utilisé aussi pour créer cette version imprimable épurée.
Plus de détails sur l'utilisation dans le tutoriel...

Le logo extensible

Si vous choisissez d'utiliser des liens textuels, qui ne sont pas aussi visibles que les boutons, il est préférable d'informer vos visiteurs que la page est extensible avec ce logo:

et dans tous les cas vous pouvez aussi informer vos visiteurs ce que qu'est une page extensible par un lien sur cette page:

<a href="http://ajax.xul.fr/scripts/ajax-extensible-page/" target="_top"> <img src="extensible.jpg"> </a>

Tutoriel

Rendre une page extensible est très simple:
1) placer le texte de remplacement dans une <div> et donner un identifieur ou dans un fichier de texte.
2) placer le texte à remplacer dans une <span> et lui donner aussi un identifieur. Assigner à l'attribut "name" l'identifieur du texte de remplacement ou à l'attribut "src" le nom du fichier.
3) Définir la fonction JavaScript à appeler dans un évènement onclick.

Le tutoriel est destiné aux webmasters et décrit en détail l'utilisation des fonctions de A.E.P.

Compatibilité

Le framework a été testé sous:
- Chrome.
- Firefox.
- Opera.

Détails.

Démonstration

Téléchargement

L'archive au format zip contient le fichier extensible.js et des pages de démonstration ainsi que le manuel au format PDF.

Dernières modifications.

Ressources

Licence

Le framework A.E.P. est sous licence GNU GPL 2.0.
Précisons que la notice de copyright doit être conservée sur tout projet reprenant le code de A.E.P. ou tout document exposant le code source. Cette notice n'est pas nécessaire sur les pages utilisant le framework.
On peut utiliser les boutons "expand" et "collapse" fournis sur cette page.
Vous pouvez lier cette page avec le code ci-dessous:

Powered by Ajax Extensible Page.

L'auteur, Denis Sureau est:
- Le créateur du langage de programmation Scriptol.
- Auteur de plusieurs tutoriaux relatifs à Ajax sur ce site.
- Auteur ou co-auteur de plusieurs projets Web dont Construire un CMS sur le site scriptol.fr.
- Traducteur de la spécification XMLHttpRequest du W3C.
© 2007-2008 Xul.fr