Introduction
Agendax est un calendrier Ajax. Ajax est une technologie javascript qui permet de charger le contenu d’une partie de page web sans pour autant avoir à recharger la page entière. On charge ainsi uniquement les éléments dont on a besoin. D’où une gain de temps, entre autre.
Dans notre cas, ce sont les données du mois demandé qui se chargeront quand le visiteur clique sur « mois suivant », « mois précédant ».
On peut le voir ici : demo en ligne
Pré requis
Pour utiliser Agendax vous avez besoin de la balise #INSERT_HEAD dans le <head> des squelettes.
Installation
Téléchargez le plugin sur la zone et mettez le dossier « agendax » dans le dossier plugins de votre SPIP. Ensuite activez le plugin dans l’espace privée. Et enfin, insérez le code suivant à l’emplacement ou le calendrier doit se mettre :
<div id="agendax"></div>Paramétrage
La configuration est à faire dans les 3 fichiers principaux : agendax.css, agendax.js.html et donnees_agendax.html :
agendax.css : C’est lui qui rassemble les styles qui vont permettre d’affiner l’apparence du calendrier sur votre site.
agendax.js.html : Au début de ce fichier se trouvent plusieurs variables :
-
style_rempli: le style css à utiliser quand le jour à un évènement, -
style_pas_rempli: le style css à utiliser quand le jour n’a pas d’évènements, -
fleche_suivant: l’image ou le caractère qui va être affiché pour aller au mois suivant, -
fleche_precedent: l’image ou le caractère qui va être affiché pour aller au mois précédent, -
sablier: balise image animée (ou pas) ou le caractère qui va remplacer le nom du mois pendant le chargement de l’ajax.
donnees_agendax.html : C’est dans ce fichier que va être faite la boucle. Vous pouvez le modifier comme vous voulez, en ajouter d’autres, etc...


