adHoc - Service de calendrier

→ Installer un service de calendrier dans adHoc

C'est le service qui fonctionne, en exemple sur ce site (voir en bas de page la boîte "Calendrier", faire défiler au mois de mars ou avril 2023 et tester les liens).

Il n'y a pas, actuellement, pour adHoc, de module de calendrier. Cela pourra peut-être venir... si un développeur s'y penche... Mais, en attendant, voilà ce que j'ai adapté, il y a quelques années, à partir d'un script, dont je remercie l'auteur (Greenzest), trouvé ici : https://codes-sources.commentcamarche.net/source/42671-calendrier-simple-facilement-modifiable-affichage-complet

Ce service vous permet d'intégrer dans une page ou dans une boîte (de préférence) un fichier (calendrier.php) dans adHoc, qui affichera un calendrier complet et, si vous les avez créés, des liens vers un site, une page, une "ancre" dans une page... selon vos souhaits, et avec la Mise à Jour du 08/04/2023, vous permettra, éventuellement, de créer des liens publics (que tous peuvent visiter) et des liens privés (réservés aux membres connectés). Si vous souhaitez tester les liens privés, connectez-vous avec id = visiteur et mdp = motdepasse .

Il vous faudra mettre "un peu" les doigts dans le cambouis... mais rien d'insurmontable ! Si vous utilisez ce script, veuillez, s'il vous plait, laisser les références à l'origine du script et à mon site, ainsi que sa licence GNU-GPL V3.

→ La structure

Voilà un exemple d'arborescence des dossiers et fichiers du service de calendrier. Vous pouvez télécharger cette archive zip : calendrier.zip

files
calendrier
→ → index.php
→ → 20230326.txt
→ → 20230329.txt
→ → 20230330.txt
→ → 20230402.txt
→ → 20230408.txt
→ → 20230410.txt
images
cadre.png
droite.png
gauche.png
pages
calendrier.php

NB : Attention, les fichiers .txt inclus dans le zip sont des exemples, il vous faudra les supprimer et en créer autant d'autres que vous le souhaitez, à vos besoins. Pour installer l'archive, vous la décompressez et vous l'envoyez à la racine de votre site. Mais vous pouvez le faire fichier par fichier...

Dans le dossier images, les fichiers du zip ( cadre.png, droite.png, gauche.png ) sont ceux que j'utilise. Il vous est, évidemment possible de les remplacer, de les transformer, de les renommer... en reportant ces modifications, si besoin dans calendrier.php .

Le fichier calendrier.php est appelé dans une boîte ou dans une page dans un Iframe, et sur mes sites dans un Iframe Responsive. ( Si vous souhaitez en savoir plus à ce sujet, référez-vous à ce tutoriel : https://adhoc.71site.fr/pages/003-iframes-responsives-information-fr.php . L'image ratio que j'utilise ici est une image totalement transparente de taille 190px * 165px nommée ratio190x165.gif )

Voici le code d'intégration de ce fichier -Iframe Responsive- dans le code source d'une boîte :



<div class="iframe-responsive-wrapper">
<img class="iframe-ratio" src="images/ratio190x165.gif" />
<iframe marginheight="0" marginwidth="0" scrolling="no" src="pages/calendrier.php" width="190" height="165" frameborder="0"></iframe>
</div>

→ Le fichier calendrier.php

Ce fichier sera à adapter à votre configuration et à placer dans le dossier pages de votre site. Si vous le placez ailleurs, il faudra adapter les autres chemins.

Ci-dessous le code de ce fichier avec le plus de commentaires possibles et le même fichier texte que vous pouvez copier-coller.

Notez que les formules de calcul du calendrier ne sont valables que jusqu'en 2037. Au delà, il faudra les modifier... Mais cela laisse de la marge !

Voilà, ci-dessous, les parties du fichier dont il vous faudra modifier les informations. Elles sont toutes situées dans le [style]...[/style] ou l'affectation des variables, au même endroit, à la fin de la partie [/head] du fichier :


body {
	font: 6vw Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin: 0;
	padding: 0;	
	background:rgba(0, 0, 0, .3); /* couleur et transparence du fond */
}
table { border-collapse:collapse; }
tr { text-align:center; }
td { text-align:center; }

a, a:visited { /* liens mois courant */
	text-decoration: underline; /* ou none, ou... */
	color: #FF9900;
}
a:hover { /* liens mois courant */
	color: #FFFF00;
}
a span, a span:visited { /* liens mois précédent ou suivant */
	text-decoration: underline #FF9900; /* ou none, ou... */
	color: #C0C0C0;
}
a span:hover { /* liens mois précédent ou suivant */
	text-decoration: underline #FFFF00; /* ou none, ou... */
	color: #FFFF00;
}

// affectation variables et sources !! à modifier suivant votre configuration et vos souhaits, respectez bien les syntaxes !!
// pour symboliser le jour "j" un cadre (cadre.png) est affiché, supprimez-le, changez-le, changez sa source à votre convenance...
$dossier = 'files/calendrier/' ; // répertoire dans lequel seront stockés les fichiers de liens
$ciblelien = '" target="_top"'; // ou _blank pour ouvrir les liens dans une autre fenêtre
$imagegauche = 'src="images/gauche.png" style="border-width: 0vw; border-style: solid; width: 6vw; height: 4vw;"'; // source flèche gauche
$imagedroite = 'src="images/droite.png" style="border-width: 0vw; border-style: solid; width: 6vw; height: 4vw;"'; // source flèche droite
$stylebandeaumois = 'style="font-size:7.5vw;"';
$stylebandeauannee = 'style="font-size:7.5vw;"';
$stylebandeaujours = 'style="background:rgba(255, 255, 255, .7);color:#000000;font-size:6vw;"';
$stylecellulesnom = 'style="padding:2vw 3vw;"';
$stylebandeauxquantiemes = 'style="font-size:6vw;"';
$styledimanchejourj = ' style="background:#A7272E;background-image: url(images/cadre.png);background-size: 100% 100%; "'; // source du cadre
$styledimanche = ' style="background:#A7272E; "';
$styleferiejourj = ' style="background:#A7272E;border-radius:2.2vw;background-image: url(images/cadre.png);background-size: 100% 100%; "'; // source du cadre
$styleferie = ' style="background:#A7272E; "';
$styleautrejourj = ' style="background-image: url(images/cadre.png);background-size: 100% 100%; "'; // source du cadre
$policejourmoisAVetAP = ' color="#909090"';
$policedimanchemoisAVetAP = ' color="#747474"';

→ Le style général : fond, police, couleur des liens...

$dossier = 'files/calendrier/' ; // répertoire dans lequel seront stockés les fichiers de liens

$ciblelien = '" target="_blank"'; // cible des lien ( _blank pour ouvrir dans une autre fenêtre, _top pour ouvrir dans la même fenêtre, etc...)

De nombreuses variables (!!) que vous pouvez adapter à votre convenance, contenant pour certaines, les sources des images utilisées (flèche gauche et droite ainsi que le cadre qui symbolise le jour courant). Les noms des variables sont explicites (du moins je l'espère...) afin de vous simplifier le travail. Faites attention toutefois à la syntaxe... Une petite erreur pourrait bloquer ou perturber l'affichage du calendrier !

→ Deux fichiers liens : 20230330.txt et 20230408.txt

Ce type de fichier, ainsi que tous les fichiers contenant un lien du calendrier, seront à adapter à votre configuration et à placer dans le dossier files/calendrier votre site, si vous avez choisi la configuration avec $dossier = 'files/calendrier/' ; . Cette configuration est, sans doute, la plus simple : en effet, vous pourrez avoir directement accès à ce dossier ( files/calendrier ) dans l'admin d'adHoc ( Tableau de bord > Upload fichier ) sans passer par le FTP, à condition toutefois de "forker" légèrement deux fichiers d'adHoc (me joindre si vous souhaitez ce fork, sinon, évidemment, il faut passer par le FTP !). Ces fichiers texte doivent être nommés impérativement ainsi en 8 chiffres : année mois jour ( AAAAMMJJ ) , d'où, par exemple ci-dessus 20230330 pour le 30 mars 2023. Ils sont à rédiger simplement dans un logiciel de texte pur, Notepad++ par exemple ou votre simple bloc-note et impérativement au format .txt.

Ci-dessous deux codes de fichiers-exemples


0
https://adhoc.71site.fr/pages/091-infos-calendrier-fr.php#20230330

1
https://adhoc.71site.fr/pages/093-infos-calendrier-fr.php#20230408
  • La première ligne doit contenir 0 (zéro) ou 1 :
    0 correspond à un lien public, visible de tous,
    1 correspond à un lien privé, visible uniquement des membres connectés.
    Si tous vos liens peuvent être visibles, alors placez un 0 (zéro) systématiquement. Mais ATTENTION !! , ce système ne fonctionnera qu'avec adHoc. Si vous installez ce calendrier sous un autre CMS, demandez-moi la version précédente sur laquelle tous les liens sont publics. Ou bien indiquez moi le nom du cookie que votre CMS installe lors de la connexion d'un membre.

  • Sur la deuxième ligne, ce peut être n'importe quel type de lien, vers une page extérieure à votre site, vers une page de votre site ou également, comme ci-dessus vers des pages de votre site accompagnées d'une ancre : ici nommées #20230330 ou #20230408 pour simplifier la gestion du fonctionnement. L'inscription d'une ancre n'est évidemment pas obligatoire. Et vous utilisez le système qui vous convient le mieux...

    (Ici, le clic sur le lien du calendrier ouvrira la page directement sur cette ancre.)

Me contacter via Contact, pour toute question ou aide pour mettre en place et utiliser ce service, et notamment :

→ pour installer le calendrier dans un IFrame responsive,

→ pour modifier les paramètres du calendrier,

→ pour "forker" deux fichiers d'adHoc afin de pouvoir téléverser ("uploader") les fichiers .txt directement en admin,

→ pour créer une page spéciale munie d'ancres appelées par les liens du calendrier...

→ pour obtenir le calendrier.zip première version qui ne permettait pas les liens publics ou privés mais qui peut être utilisé sous d'autres CMS...


Index |Info | Imprimer | Permalien
Astuces

adHoc

Iframes responsives

Camera

Unite Gallery

Animations au survol

Autres astuces en CSS

Audio-Players

Carousels