Bandeau

Site de démonstration du jeu de squelettes ESCAL fonctionnant sous SPIP3 et mis à la disposition des Etablissements SColaires de l’Académie de Lyon.

Utilisé à ce jour dans 1408 sites
Mini calendrier
Article mis en ligne le 4 mars 2009
dernière modification le 11 avril 2017

par Jean Christophe Villeneuve
logo imprimer
Enregistrer au format PDF

Une noisette avec un calendrier pour des événements.

Nom des fichiers inc-calendrier.html
inc-calendrier_art.html
inc-calendrier_event.html
calendrier_quete.json
calendrier_mini_escal.json
pages concernées Toutes les pages
mots-clés agenda

Cette noisette fait doublon avec la noisette Événements.

La différence c’est que cette noisette est un peu plus évoluée. En effet, elle présente :

  • le calendrier du mois en cours avec
    • la date du jour mise en évidence
    • la date des évènements futurs dans ce mois mise en évidence également
  • la liste des évènements à venir (on peut ne pas l’afficher)
  • un bouton pour ajouter directement un évènement dans la rubrique Agenda, à condition d’être un rédacteur du site (on peut ne pas l’afficher)

2 fonctionnements sont possibles pour la création d’événements :

événements créés avec le plugin Agenda

Le fonctionnement 1 événement = 1 article ne permet pas d’utiliser un agenda pleine page et est assez limité.
Il est donc recommandé d’utiliser plutôt le plugin Agenda qui permet un fonctionnement simple mais permet aussi :

  • de gérer facilement les événement sur plusieurs jours
  • de gérer facilement les répétitions d’événements
  • de proposer une inscription à un événement

Et Escal vous permet de jouer avec les couleurs pour des catégories d’événements.

Le fonctionnement de ce plugin et la mise en place d’événements est détaillée dans cet article

1 événement = 1 article

Mise en place

  • on choisit "Articles" dans la configuration d’Escal pour cette noisette ("Paramétrage des blocs latéraux" → "Titres et contenus")
  • on crée une rubrique Agenda
  • on crée des articles dans cette rubrique
  • on attribue le mot-clé agenda à la rubrique Agenda
  • on attribue ce mot-clé à n’importe quel article dans le site

Ainsi, on aura dans l’agenda tous les articles de la rubrique Agenda plus tous ceux que l’on souhaite.

Ces articles n’apparaîtront dans le mini-calendrier que si on leur a donné une date de rédaction antérieure (à activer dans l’espace privé : icône "Configuration" puis "Contenu des articles"), ce qui permet de les faire apparaître le jour que l’on veut.

Prenons l’exemple d’un article publié le 25 octobre pour un événement au 15 novembre :

  • dans la page d’édition de l’article on clique sur "Changer"
  • on décoche "ne pas afficher de date de rédaction antérieure"
  • on choisit la date de l’événement,soit le 15 novembre, et on clique sur "changer"
  • l’article apparaîtra le 15 novembre dans le mini-calendrier

Pour les événements sur plusieurs jours, on peut jouer avec les articles virtuels :
- activer cette option dans l’espace privé, onglet "Configuration"
- écrire un premier article avec tous les détails et une date de rédaction antérieure correspondant à la première date de l’événement.
- écrire un deuxième article avec juste un titre et une date de rédaction antérieure correspondant à la 2e date
- rediriger ce deuxième article vers le premier dans la case prévue à cet effet en mettant simplement artXX (XX correspondant à l’identifiant du premier article)

Ce fonctionnement est le même pour la noisette Événements.

Un clic sur une case active renvoie vers une page qui affiche

  • la liste des articles du jour correspondant ou directement l’article s’il est seul pour le premier choix.
  • la liste des événements du jour correspondant.

Dans la page de configuration d’Escal "Paramétrage des blocs latéraux" → "Titres et contenus", vous pouvez choisir :

  • le titre de la noisette
  • l’affichage d’événements ou d’articles
  • d’afficher ou non la liste des événements à venir avec son pas de pagination
  • d’afficher ou non un lien pour ajouter un événement (si le visiteur est authentifié)

Forum
Répondre à cet article
inc-calendrier
Jaseur Boreal - le 7 août 2012

Bonjour Jean Christophe,

Merci pour le lien pratique vers le site d’aide aux colorations "http://colorschemedesigner.com/"

Après avoir rangé différemment certaines rubriques, et avant de m’attaquer au Letton à traduire pour ces titres de rubriques, j’ai voulu essayer quelques articles avec le calendrier, les plugins mini-calendrier et celui de l’agenda.

Or problème, même en respectant bien l’ajout de mot clefs "agenda" et la date antérieure de l’évènement, cela ne s’affiche pas sur le calendrier de la page accueil.

Entre hier et aujourd’hui avec quelques réglages, changés , j’ai même aperçu quelques temps hier un morceau de noisette avec "ajouter un événement" (pour les rédacteurs) apparu dans le bas du mini-calendrier.
Depuis plus rien de tout cela.

Exemple sur cette page pour annoncer une expo entre le 2 aout et le 2 septembre.
J’ai essayé de multiples combinaisons, cela ne fonctionne pas, rien ne s’affiche dans le calendrier. Et pourtant un événement spip est créé, et relié à cet article.

http://www.lettonie-francija.fr/La-Voie-balte-qui-a-secoue-le?lang=fr

Je soupçonne des télescopages et des effets médicaux secondaires ?

Et je n’ai pas trouvé de solutions ?

Y a - t - il un truc ?

Merci de toute aide.

inc-calendrier
Jean Christophe Villeneuve - le 7 août 2012

D’abord, pas besoin du plugin "agenda" avec Escal.

Ensuite, essaye de vider les caches de spip et de ton navigateurs puis de recalculer la page.

Essaie aussi de vider le dossier /tmp par ftp en gardant les dossiers /dump /sessions et /visites

Essaie aussi de vider /local/cache-js

inc-calendrier
Le Jaseur Boreal - le 13 septembre 2012

Bonjour Jean Christophe,
depuis quelques jours et les améliorations d’escal et des noisettes calendrier pour affichage de l’agenda,
j’ai un doublon d’affichage sur le sommaire : http://www.lettonie-francija.fr

avec la mention : "ajouter un évènement - accès réservé"

Comment l’enlever ?
Merci de ton aide.

inc-calendrier
Jean Christophe Villeneuve - le 13 septembre 2012

Hmmm, tu n’aurais pas 2 rubriques avec le mot-clé "agenda" par hasard ?

inc-calendrier
jaseur boreal - le 14 septembre 2012

Bien vu,

Il y avait en effet deux rubriques avec le mot-cle "agenda"

une rubrique "actualités" avec le mot-clé "agenda" et une rubrique "visiter".

Résolu, merci.

inc-calendrier
CREMILLIEU - le 15 mars 2016

Bonjour Jean-Christophe,

J’ai créé un mini-calendrier sur la page d’accueil.
Mais je ne parviens pas à voir les évènements créés. Pourtant, j’ai créé un article, rattaché à la sous rubrique calendrier de la page d’accueil. Je lui est attribué le mot clé agenda et j’ai fait attention à modifier la date de création de l’article ex 17/07/2015 pour le voir apparaitre au 17/3/2016 date de l’évènement.
Mais je ne vois rien...

inc-calendrier
Jean Christophe Villeneuve - le 15 mars 2016

Arf, on avait dit qu’on verrait les problèmes d’agenda et de calendrier dans les 2 prochaines journées de formation car la mise en place est un peu délicate ...
As-tu bien lu cet article pour commencer ?

inc-calendrier
Sylvain_LD - le 13 novembre 2012

Je travaille avec ESCAL 3.62.3
J’ai mofifié les couleurs de base et depuis le calendrier est illisible (Le chiffre des dates doit être blanc sur fond blanc :’-( !). Mais je ne vois pas :-/sur quel paramètre il faut jouer pour donner une couleur au texte pour le rendre visible.
le site : www.association-vergers-de-conflans-la-pommeraie.spipfactory.com

inc-calendrier
Jean Christophe Villeneuve - le 14 novembre 2012

Ah oui, j’avais pas pensé à ça !
Comme tu as choisi un fond vert foncé et donc un texte blanc pour les noisettes, on a bien un texte blanc sur blanc et c’est pas top, hein !
Alors j’ai forcé la couleur noire pour le texte des cases du calendrier.
Y’a plus qu’à attendre le zip sur la zone et faire la mise à jour d’Escal.

inc-calendrier
Sylvain_LD - le 14 novembre 2012

Merci:-))
Donc yapuka B-)

inc-calendrier , une erreur ?
Le Jaseur Boreal - le 9 novembre 2012

Bonjour Jean Christophe,

Une Info :

Un site pour évaluer et détecter les erreurs de CSS :
http://jigsaw.w3.org/css-validator/

Il me rapporte ceci pour ESCAL :

dans menu.css

76 La propriété -webkit-min-device-pixel-ratio est une extension propriétaire inconnue

Apparemment il y aurait aussi quelques erreurs liées aux noisettes mini-calendriers :

.calendriermini .ui-datepicker-other-month

317 La propriété align n’existe pas : right
385 La propriété align n’existe pas : right
618 Erreur lors de l’analyse grammaticale. style
942 Erreur lors de l’analyse grammaticale. Opacity=50)
966 La propriété align n’existe pas : right
1013 Erreur lors de l’analyse grammaticale. }//—>

Ce n’est pas du Letton,
C’est un autre langage non maitrisé encore ..
Qu’en penses-tu ?

Bien cordialement

inc-calendrier , une erreur ?
Jean Christophe Villeneuve - le 9 novembre 2012

La propriété -webkit-min-device-pixel-ratio est un hack pour Safari

Le reste concerne le plugin "Mini Calendrier" dont je ne suis pas maître !

inc-calendrier
Gilles - le 26 août 2012

Bonjour Jean-Christophe,

Lorsque j’active le mini-calendrier, j’ai ce message d’alerte :

//www.chalets-metabief.fr/spip.php?page=calendrier mini escal.json&var mode=recalcul&lang=fr&start=1343772000&end=1346450400, json] 404

Pourtant ça a l’air de fonctionner !

(Escal 3.44.0)

inc-calendrier
Jean Christophe Villeneuve - le 26 août 2012

Difficile d’en dire plus car ton site nécessite un code d’accès.

Quelle version du mini-calendrier as-tu ?

inc-calendrier
Jean Christophe Villeneuve - le 26 août 2012

Bien reçu les codes. Ta version est la même que la mienne donc c’est ok.

Quand vois-tu ce message d’alerte ? Non connecté en tant qu’admin, je ne le vois pas.

Une remarque : pas de lien vers l’accueil visible puisque tu n’utilises que le menu vertical. Pas évident pour le visiteur non averti qui ne sait pas forcément qu’un clic sur le bandeau suffit. Peut-être modifier inc-menu_vertical sur le modèle de inc-menu : rajouter

<li>
<@ href="[(#URL_SITE_SPIP|parametre_url{lang,#ENV{lang}})]" title="<:escal:accueil:>"><:escal:accueil:></@>
</li>

juste après
<ul class="rubriques">

(remplacer les "@" par des "a")

inc-calendrier
marco - le 31 mai 2012

Bonjour,
Quel plaisir d’utiliser Escal !
Petite doléance toutefois : est-il possible de visualiser plus d’un mois du calendrier ?
En effet, il serait confortable de pouvoir visualiser au moins le mois m et/ou le mois m+1 : pour l’instant, le 28 du mois, on a aucune visibilité sur le calendrier du mois suivant en dehors des tout premiers jours.
remarque : l’affichage pose problème lorsque deux articles (ou plus) pointe vers la même date du calendrier.
bien cordialement

inc-calendrier
Jean Christophe Villeneuve - le 31 mai 2012

En effet, il faudra que je retravaille cette noisette pour basculer d’un mois à l’autre.

Pour les 2 articles avec la même date, ils apparaissent en effet l’un sous l’autre mais je ne vois pas trop ce que je pourrais faire. Je vais y réfléchir néanmoins.

inc-calendrier
Jean Christophe Villeneuve - le 1er août 2012

Et voilà, maintenant, EscalV3 a un beau mini-calendrier (voir l’encadré dans le texte de l’article)

Calendrier
Titeuf - le 13 février 2012

Bonjour,

Est-il possible de maintenir l’affichage du calendrier sur la page d’accueil même si nous ne renseignons pas les évènements ?

Et encore merci pour votre squelette à la portée de tout novice.

Calendrier
Jean Christophe Villeneuve - le 13 février 2012

Si j’ai bien compris, tu voudrais que le calendrier s’affiche tout le temps même s’il n’existe aucun évènement.

Donc oui, bien sur.

Il suffit de copier inc-calendrier.html de /escal/inclusions vers /squelettes/inclusions et de supprimer
- * au début du fichier

<!-- on teste si doublons evenements contient au moins un article -->
<BOUCLE_test(ARTICLES){!doublons evenements}>
</BOUCLE_test>


- * en fin de fichier

</B_test>

et hop !

De plus, si c’est juste pour afficher le calendrier, tu peux sans doute supprimer tout le code à partir de

<!-- affichage de la liste des evenements -->

en gardant bien sur

</div><!-- fin texte -->
Calendrier
Titeuf - le 13 février 2012

Merci pour ta réponse hyper rapide.
Ça fonctionne parfaitement.

Calendrier
Titeuf - le 15 février 2012

en fin de fichier, il ne faut pas enlever
et tout marche parfaitement.
Encore merci pour tout le temps que tu as consacré à mon problème.

Calendrier
Titeuf - le 15 février 2012

en fin de fichier, il ne faut pas enlever /B_test
et tout marche parfaitement.

Calendrier
Jean Christophe Villeneuve - le 15 février 2012

Tiens donc ?

Ce </B_test> ne sert à rien si tu supprimes


<BOUCLE_test(ARTICLES){!doublons evenements}>
</BOUCLE_test>

Calendrier
Titeuf - le 15 février 2012

Pourtant, en le laissant, j’ai résolu mon problème d’affichage en largeur sur la page d’accueil. Tout à l’air de fonctionner.

Problème d’affichage
Jean Christophe Villeneuve - le 15 février 2012

Et si tu l’enlèves le problème revient ?

inc-calendrier
Pseudo Nîmes - le 19 octobre 2009

Bonjour,

j’ai modifié la ligne de inc-calendrier.html qui renvoit maintenant vers ma rubrique n°3 appelée Agenda et ayant le mot clef agenda attaché.
Si j’ai bien compris, en cliquant sur "ajouter un évènement" on arrive sur la création d’un nouvel article. Donc je donne un titre à cet article, je met un petit contenu et je le met en ligne. Une fois qu’il est en ligne je peux modifier la date de publication et il apparaitra dans le calendrier ou comme évènement à venir...
Seulement j’ai fais ça pour trois dates, demain, dans une semaine et dans un mois, et il n’y a rien qui s’affiche...

Faut-il ajouter un mot-clef aux articles ? Y-a-t-il quelque chose d’autre à faire pour que ce soit un "évènement" ?

merci

inc-calendrier
Jean Christophe Villeneuve - le 19 octobre 2009

C’est la date de rédaction antérieure qu’il faut renseigner/modifier, pas la date de publication.

inc-calendrier
Pseudo Nîmes - le 19 octobre 2009

merci, j’avais oublié de l’activer dans les paramètres du site... je ne connaissais pas ce système.

inc-calendrier
Redge sgms - le 12 juillet 2010

Comment activer la date de rédaction pour un article dans spip 2.0.9 ? je n’arrive pas à trouver cette fonction. Merci

inc-calendrier
Jean Christophe Villeneuve - le 16 juillet 2010

Dans "Configuration" -> onglet "Contenu du site" -> bloc "Les articles"

inc-calendrier
fabien - le 23 septembre 2009

Je ne comprends pas le système des noisettes. je veux en effet mettre la page agenda et je ne comprends pas comment modifier le code ligne 128 (mais de quelle page)

merci pour votre aide.

Le squelette est génial, merci pour le boulot.

Fabien

inc-calendrier
Jean Christophe Villeneuve - le 23 septembre 2009

J’ai l’impression que tu confonds les noisettes et les pages. Les noisettes sont des bouts de code qu’on appelle dans une page avec un INCLURE.

Toutes les noisettes sont dans le dossier /inclusions.

La noisette inc-calendrier correspond au bloc "Calendrier" de la page d’accueil.

La page "Agenda" est celle qu’on obtient en cliquant sur le lien "agenda" dans le bloc "Accès direct" (une autre noisette).

La ligne 128 de inc-calendrier renvoie vers la rubrique "Agenda" qui porte le numéro 9 sur ce site mais aura sans doute un autre numéro sur un autre site. Il faut donc adapter en remplaçant id_rubrique=9 par id_rubrique=X avec X pour le numéro de la rubrique "Agenda" de ton site.

Et merci pour le compliment.

Mots-clés associés



Plan du site Contact Mentions légales Espace rédacteurs squelette

RSS Valid XHTML 1.0 Strict

2009-2017 © Escal V3 - Tous droits réservés
Site réalisé sous SPIP
avec le squelette ESCAL-V3
Version : 3.87.48