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.
- Fichier HTML.
- Un fichier au format PDF peut être créé avec Open Office.
Compatibilité
Le framework a été testé sous:
- Chrome.
- Firefox.
- Opera.
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.
- Télécharger AEP. Version.
Ressources
- Un tutoriel JavaScript pour utiliser la bibliothèque avec un seul bouton ou une seule commande textuelle.
- Archives du forum: Enchaîner les commandes dans AEP.
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.