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 ».
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...
Téléchargement
Aucune discussion
Ajouter un commentaire
Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :
Merci d’avance pour les personnes qui vous aideront !
Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.
Suivre les commentaires :
|
