Agendax : simple calendrier ajax

Un petit calendrier « à la dotclear », généré sur base des articles, brèves ou autre via une boucle unique. Il est généré et géré via de l’ajax avec jquery

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

Agendax 0.1-2

Discussion

33 discussions

  • 1
    lien mort

    SVP retirer le lien mort > On peut le voir ici : demo en ligne

    ... site en vente

    • Bonjour,

      Parfait le petit plugin, utilisation sans problème.

      Je cherche comment faire pour afficher plusieurs mois en même temps, par exemple les 3 mois qui suivent le mois courant ... mais je suis nul en php :-(

      Merci d’avance pour celui qui a une idée !

      Robert.

    Répondre à ce message

  • Bonjour,

    Je viens d’installer le plugin agendax (mise sur le serveur, activation dans l’espace privé, activation des insert_head grâce à couteau suisse, ajout d’un div id=agendax)
    Malheureusement, rien ne s’affiche... ni agenda, ni erreurs, ...

    Quelqu’un aurait-il une solution ?

    Répondre à ce message

  • Webmustard

    Bonjour,

    J’ai un petit problème :
    Jusqu’à présent l’agenda marchait parfaitement dans mes pages mais depuis que j’y ai intégrer un menu accordéon en JQuery (http://www.alsacreations.com/tuto/lire/602-Creer-un-menu-accordeon-avec-jQuery.html) mon agenda ne se charge plus...

    Je suppose qu’il doit y avoir un conflit de jQuery...

    Peut on faire cohabiter l’agendax avec un autre module en jquery ?
    D’où peut venir mon problème ?

    Merci

    Répondre à ce message

  • Est ce que quelqu’un connait un moyen d’afficher deux calendriers d’évènement de type différents ?
    Cela me serait fort utile...

    Répondre à ce message

  • 2

    Bonsoir,

    Quelqu’un a-t-il déjà été confronté à des problèmes d’affichage des chaines dans agendax.

    Sur un site mutilingue avec passage de la langue dans le contexte
    -  l’affichage sur Firefox 3 et Safari n’affiche apparemment que la langue choisie dans l’interface d’adminisration
    -  sur IE 6/7 Chrome, Opera et Floc c’est la langue principale du site qui est retenue.
    -  $forcer_lang = true ;

    Le changement de langue fonctionne bien sur le reste du site. Le site est organisé en une langue par rubrique. Passage de la langue dans le contexte.
    -  Cookie spip_lang -> langue de l’interface d’admin
    -  spip_lang_ecrire -> langue de l’interface d’admin

    Ma question : comment faire prendre en compte #ENVlang par agendax ?
    question subsidiaire : comment prendre la langue en compte dans l’affichage des articles du calendrier.

    Sinon le plugin fonctionne bien. Merci d’avance

    • Pour faire prendre en compte l’environnement langue, j’ai rajouté

       <?php  
      include_spip('inc/cookie');
      setcookie('spip_lang',#LANG);  
       ?>

      dans le menulang.

      Un avis ?

    • Salut,

      Est-ce que quelqu’un a trouvé comment passer la variable « ENVlang » à agendax ?
      Pour, au minimum, pouvoir traduire les intitulés des « jours/mois » du calendrier ?

      Merci

    Répondre à ce message

  • je l’ai installé de pair avec le plugin agenda qui est super pour entrer des événements complexes. Un code est fourni dans la page suivante des commentaires pour adapter donnees_agendax.html afin que le calendrier affiche les événements renseignés par le plugin agenda. Il faut bien évidemment le modifier encore légèrement, mais l’association des deux est super ! Et le tout sur un site en spip 2.0.9 avec la dernière version d’agenda... et la dernière d’agendax (qui date du 1.9.2 pourtant !)

    Répondre à ce message

  • Christophe Sevin

    Bonjour,

    Je suis débutant en SPIP et j’aimerais intégrer à mon site le plugin Agendax. Je travaille en local pour l’instant car ce n’est pas mon site que je fait ma le site d’une entreprise. Je ne peux donc pas le mettre en ligne. Cependant, sur ma machine en local, j’ai installer et activer le plugin Agendax, puis dans mon squelette, j’ai ajouté une div di=« agendax ». Lorsque je charge ma page, pas d’erreur mais pas d’agendax non plus. Pour info je suis sous SPIP 2.0.8, donc il me semble que je n’ai pas de jQuery à installer vu qu’il est en natif.
    Quelqu’un a-t’il une idée de la cause ?

    Merci d’avance, cette contrib est super.

    EDIT : Désolé, juste un problème de cache. J’ai reussi à mettre Agendax et mon menu accordéon en incluant un deuxieme jQuery lite (1.3.2.min) pour faire marcher mon menu.

    Répondre à ce message

  • Risotto

    Bonjour, le lien démo en ligne est mort

    Répondre à ce message

  • Bonjour,

    J’aimerais savoir comment faire pour afficher un mois particulier de l’agenda, étant au mois de mai, je voudrais afficher le mois de mars en premier plutot que le mois en cours que dois-je modifier pour que cela soit possible ? Je suppose que c’est sur le fichier aganda.js.html que les changements doivent être effectuer mais je ne trouve pas lesquels.

    Merci d’avance

    Répondre à ce message

  • pracede2005

    Bonjour à tous,

    J’ai réussi à rajouté ce calendrier sur mon site. Mais je n’ai pas d’événements qui s’affichent. J’ai cru comprendre que les événements affichés doivent venir d’une rubrique. J’ai crée un rubrique pour cela mais comment créer des événements ?
    Merci

    Répondre à ce message

Ajouter un commentaire

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom

Dernière modification de cette page le 3 avril 2012