Module Mini-Calendrier

Vous pouvez inclure un mini-calendrier ISKIO sur votre propre site!

Ce petit module (aussi appelé widget en anglais) sera toujours à jour et présentera les informations tirées de notre base de données. C’est super simple, et c’est gratuit!

Module Calendrier gratuit iskio
Exemple d’utilisation du module Calendrier (capture d’écran en taille réelle)

Ce module présente une liste des événements de course à venir (à compter de la date courante), avec la date, le nom de l’événement et le lieu.

  • En ‘survolant’ le curseur sur le nom d’un événement, on obtient la liste des épreuves proposées.
  • En cliquant sur le nom de l’événement on ouvre une page sur iskio.ca avec les détails.

Vous pouvez contrôler:

  • la largeur du widget
  • la province et/ou la région
  • le sport à afficher
  • le nombre d’événements (maximum de 12)
  • la langue (français ou anglais)
  • l’affichage d’un titre ou pas

Le module n’a pas d’impact de performance sur votre site, puisque son contenu est fourni par le serveur d’iskio.ca. De plus, le contenu est mis en cache et mis à jour automatiquement seulement lorsque requis.

Conditions d’utilisation

Vous pouvez utiliser le module comme bon vous semble sur votre site, mais il est interdit d’en modifier le contenu ou la présentation.

Comment installer le widget

Il suffit d’une ligne, qu’il vous faut mettre dans une balise <iframe>, et de modifier les paramètres à votre guise.

Exemple de lien vers le module (live)
http://www.iskio.ca/plugins/iskio_upcoming_events/?evtype=course&width=300px&limit=10&region=0

Exemple de ligne d’intégration dans un iframe: (à mettre en une seule ligne)

<iframe height="390" width="250" frameborder="0" allowTransparency="true" 
scrolling="no" src="http://www.iskio.ca/plugins/iskio_upcoming_events/?
domain=mydomain.org&evtype=course&limit=10&prov=QC&
region=0&width=250&notitle"></iframe>

Par exemple, pour un site wordpress, si vous utilisez un thème qui permet d’ajouter des widgets, suivez la procédure suivante:

  • allez dans votre panneau de contrôle (admin)
  • cliquez la fonction Apparence : widgets
  • prenez un widget de type ‘Texte’ et faites un drag & drop vers la zone de widgets de votre site (habituellement la zone latérale ou en ‘footer’.
  • donnez un titre à votre widget si désiré
  • dans la zone texte, insérez la reference iframe comme celle ci-dessus (en changeant avec vos paramètres)
  • enregistrez
  • c’est complet!

Options

  • width: largeur du widget en pixels  (ex: 350)
  • prov: province (utilisez les codes officiels des provinces, ex: QC,ON,NB,BC…) ou alors, en voici quelques autres:
    • *: pour tout (Canada, US)
    • CC : pour le canada
    • US : pour les états-unis
    • *C : pour le québec et l’ontario
  • region: région (principalement pour le Québec, utilisez les codes officiels des régions):
    • 1: Bas-Saint-Laurent
    • 2: Saguenay-Lac-Saint-Jean
    • 3: Capitale-Nationale
    • 4: Mauricie
    • 5: Estrie
    • 6: Montréal
    • 7: Outaouais
    • 8: Abitibi-Témiscamingue
    • 9: Côte-Nord
    • 10: Nord-du-Québec
    • 11: Gaspésie-Iles-de-la-Madeleine
    • 12: Chaudière-Appalaches
    • 13: Laval
    • 14: Lanaudière
    • 15: Laurentides
    • 16: Montérégie
    • 17: Centre-du-Québec
    • 18 : Grande région de Québec
    • 19 : Grande région Montréal
  • evtype: type de sport (pour l’instant c’est soit tous les sports confondus, ou alors un seul à la fois). Voici les principaux:
    • cap : tous les sports (sauf ski de fond)
    • course, marche
    • pour le hors-route: cross, trail, raid
    • pour les sports d’hiver: raquette, ski (ski de fond)
    • pour les combinés: triathlon, duathlon
  • domain: pour avoir une cache et des statistiques propres à votre site (ex: ccrmsb.org)
  • bcolor: pour la couleur de fond, en principe PAS REQUIS (le module est transparent par défaut)
  • notitle: pour enlever le titre par défaut
  • lang: fr pour français (par défaut) ou en pour anglais
  • limit: nombre d’événements à afficher (entre 1 et 12)

 

9 commentaires au sujet “Module Mini-Calendrier

  1. Bonjour!
    Merci pour le widget 🙂 C’est fabuleux d’offrir celà à vos lecteurs et utilisateurs! Je l’ai ajouté à mon blog. J’ai modifié la longueur du widget, le nombre et le type d’événements. Pour terminer, j’aimerais que le bcolor (background) soit transparent et que le titre Événements à venir s’affiche en blanc. Comment puis-je faire celà? Je ne suis pas pro en HTML…
    Merci!
    Audrey Larroquette
    La fusée verte

    • Wow, cool d’avoir déjà testé le module!
      Au moins votre site n’a pas explosé, c’est déjà ça! 🙂
      Vous avez l’air de bien vous débrouiller en tout cas.

      En fait, par défaut le background-color est censé être transparent. (i.e. si on ne met pas le paramètre bcolor).
      Je vois que c’est le cas sur Firefox, et Chrome, la couleur de votre site sert de fond au calendrier comme voulu.
      Mais, comme il y a toujours un trouble-fête, à cause de IE7 (et du mode compatibilité sur IE8 et IE9), le fond apparait blanc quand même dans ces cas.
      Le paramètre bcolor permet pour ces cas de forcer la couleur à celle de votre site.
      Il faudrait donc que vous mettiez ceci: bcolor=404040 qui est le code de couleur de votre site.
      Ça devrait marcher.

      Pour le titre, vous pouvez l’enlever (en ajoutant &notitle), et mettre votre propre titre et alors avoir le contrôle complet sur son look

      Laissez-moi savoir comment ça se passe.

      Vous m’offrez une belle visibilité, merci!
      Si vous avez des suggestions pour des améliorations, n’hésitez pas.

      • Note supplémentaire:
        le problème de transparence avec IE est maintenant réglé (il faut l’option allowTransparency dans la balise iframe). La documentation a été mise-à-jour en conséquence.

  2. Bonjour,
    Je trouve votre module super et j’aimerais bien l’intégrer dans le site web de notre course!
    J’ai tenté l’intégration en suivant les indications pour un site WordPress et tout ce qui apparait dans mon « sidebar » c’est l’adresse du lien de votre module??

    Qu’elle est mon erreur?
    Habituellement c’est simple comme fonctionnement…Ce WordPress!

    Merci de répondre et merci pour ce beau module!

    • Bonsoir,
      Désolé pour le délai à vous répondre. Je prévois effectivement fournir un autre module gratuit qui vous permettra d’afficher les course de votre agenda. Je vous fais savoir lorsque c’est disponible! Merci pour la suggestion. N’hésitez pas à utiliser la page contact si vous en avez d’autres!
      R.Gagné

Laissez un commentaire

Votre adresse courriel ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Vous pouvez utiliser ces marqueurs HTML et les attributs:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>