Revenir à des semaines de 7 jours (au lieu de 8)

Les numéros de ligne peuvent varier en fonction de votre version. Les numéros indiqués sont ceux de la version gratuite.

- dans la css du calendrier (dossier "cal"), chercher
#libelle et .ligne
passer de width: 240px à width: 210px

- dans calendrier.inc.php,
vers la ligne 87, supprimer \t<li>S</li>
Pour la version PLUS, chercher et supprimer \t<li>".dayNumToName(6, $langue)."</li>

vers la ligne 144, remplacer if ($indexe == 8 && $pas < $nb_jour) {
par
if ($indexe == 7&& $pas < $nb_jour) {
vers la ligne 147, supprimer $pas=$pas-1;

SlideCalendar : Affichage calendrier par plages de 3 mois (maj en attente)

15 mars 2011

Affichage en slide vertical par plages de 3 mois du calendrier E-reserv dans une colonne de 200px. Script basé sur un SlidingPanel d'Adobe, qui en plus d'être sympathique à l'oeil permet par exemple un affichage dans toutes les pages d'un site.

Merci à François MAIRE (http://21turns.net).

- Testé sur : E-reserv PLUS 2.0

- Testé sur : firefox, IE8, Opéra, Chrome

Télécharger les fichiers : SlideCalendar.zip

Installation du calendrier dynamique vertical : 3 minutes environ

Ajouter le contenu du dossier ThreeSlideCalendar .zip dans le répertoire : /cal/ d' E-reserv. Pour préserver les fichiers originaux, j’ai modifié et renommé la feuille de style et le fichier index pour que tout fonctionne en parallèle de l’installation originale.

Contenu du dossier ThreeSlideCalendar.zip

- Le CSS du slider dans le dossier : SlidingPanelsSample
- mois1.php : tableau avec les incudes des 3 premiers mois
- mois2.php : tableau avec les incudes des 3 mois suivants
- mois3.php : tableau avec les incudes des 3 mois suivants
- mois4.php : tableau avec les incudes des 3 mois suivants
- style_3mois.css (remplace cal/style.css) : la feuille de style du
calendrier original modifié
- 3mois.php (remplace cal/index.php) : le slider CSS (adobe) qui appelle
les pages mois1/2/3/4.php
- test_calendar.php : pour tester le nouvel affichage

Pour tester l’affichage de votre calendrier.

Ex : http://votresite/ereserv/cal/test_calendar.php

Exemple d’implantation : www.location-chalet-villard-reculas.com/...

Pour insérer le calendrier dans vos pages.

J’appelle dans les pages du site : la page 3mois.php par une iframe du
type : <iframe name="calendrier"
SRC="http://monsite/erserv/cal/3mois.php" scrolling="no" height="520"
width="170" FRAMEBORDER="no"></iframe>

Le tour est joué. Enjoy !

Options

Pour une colonne plus large

Aller dans le fichier 3mois.php et modifier les width des classes :
.SlidingPanels & .SlidingPanelsContent

.SlidingPanels {
width: 188px;
height: 375px;
margin-top: -15px;
margin-bottom: 5px;

}
.SlidingPanelsContent {
width: 188px;
height: 375px;
margin-bottom: 5px;
}

Pour modifier taille et typo du calendrier

Aller dans le fichier style_3mois.css et modifier classe .ligne et la
div #libelle...

.ligne {
width: 178px;
padding: 0;
font-size: 9px;
text-align: center;
margin: 0 auto;
float : left;
margin-left: 0px;
}

#libelle {
width: 188px;
padding: 0;
color: #333;
text-align: center;
font-size: 10px;
margin-bottom: 0px;
margin-left: 0px;
}