// **************************************** Menu ****************************************
function menu(onglet) {
document.getElementById('accueil').style.display = 'none';
document.getElementById('docs').style.display = 'none';
document.getElementById('qsj').style.display = 'none';
document.getElementById(onglet).style.display = 'block';
}
// **************************************** Calendrier ****************************************
var date = new Date();
function moisSuivant() {
date.setMonth(date.getMonth() + 1);
calendrier();
}
function moisPrecedent() {
date.setMonth(date.getMonth()-1);
calendrier();
}
function calendrier() {
// Calculs
var jour = date.getDate();
var mois = date.getMonth();
var annee = date.getYear();
annee += 1900;
var moisAlphaTableau = ['Janvier','Février','Mars','Avril','Mai','Juin','Juillet','Août','Septembre','Octobre','Novembre','Décembre'];
var moisAlpha = moisAlphaTableau[mois];
var moisAnnee = moisAlpha + ' ' + annee;
var nbJoursMoisTableau = [31,28,31,30,31,30,31,31,30,31,30,31];
if (annee%4 == 0) {
nbJoursMoisTableau[1] = 29;
}
var nbJoursMois = nbJoursMoisTableau[mois];
var premierJour = date;
premierJour.setDate(1);
premierJour = premierJour.getDay();
if (premierJour == 0) {
premierJour = 7;
}
var nbSemainesMois = Math.floor((premierJour+nbJoursMois-2)/7)+1;
// Ecriture du code HTML
var html = '
L | M | M | J | V | S | D |
';
for (i=1; i';
}
for (i=1; i<=8-premierJour; i++) {
html += '' + i + ' | ';
}
html += '
';
for (j=2; j<=nbSemainesMois-1; j++) {
for (i=7*j-5-premierJour; i<=7*j+1-premierJour; i++) {
html += '' + i + ' | ';
}
html += '
';
}
for (i=7*nbSemainesMois-5-premierJour; i<=nbJoursMois; i++) {
html += '' + i + ' | ';
}
for (i=premierJour+nbJoursMois; i<=7*nbSemainesMois; i++) {
html += ' | ';
}
html += '
« | ' + moisAnnee + ' | » |
';
document.getElementById('calendrier').innerHTML = html;
// Coloriage des vacances et des jours fériés
var vacances = new Array();
vacances['Juillet 2022'] = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31];
vacances['Août 2022'] = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31];
vacances['Septembre 2022'] = [];
vacances['Octobre 2022'] = [24,25,26,27,28,29,30,31];
vacances['Novembre 2022'] = [1,2,3,4,5,6,11];
vacances['Décembre 2022'] = [19,20,21,22,23,24,25,26,27,28,29,30,31];
vacances['Janvier 2023'] = [1,2];
vacances['Février 2023'] = [20,21,22,23,24,25,26,27,28];
vacances['Mars 2023'] = [1,2,3,4,5];
vacances['Avril 2023'] = [10,24,25,26,27,28,29,30];
vacances['Mai 2023'] = [1,2,3,4,5,6,7,8,18,19,20,21,29];
vacances['Juin 2023'] = [];
vacances['Juillet 2023'] = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31];
vacances['Août 2023'] = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31];
for (var test in vacances) {
if (test == moisAnnee) {
for (i=1; i<=vacances[moisAnnee].length; i++) {
document.getElementById('case' + vacances[moisAnnee][i-1]).className = 'ferme';
}
}
}
// Coloriage des dimanches
for (i=8-premierJour; i<=nbJoursMois; i+=7) {
document.getElementById('case' + i).className = 'ferme';
}
// Coloriage des événements
for (var test in evenements) {
if (test == moisAnnee) {
for (i=1; i<=evenements[moisAnnee].length; i++) {
document.getElementById('case' + evenements[moisAnnee][i-1]).className = 'evenement';
}
}
}
// Marquage d'aujourd'hui
var aujourdhui = new Date();
if (aujourdhui.getMonth() == date.getMonth() && aujourdhui.getYear() == date.getYear()) {
document.getElementById('case' + aujourdhui.getDate()).className += ' aujourdhui';
}
}
// **************************************** Image aléatoire ****************************************
function image() {
var nbAlea = Math.floor(Math.random()*50);
var largeur = new Array();
var description = new Array();
largeur[0] = 236; description[0] = 'La Grande Muraille de Chine';
largeur[1] = 236; description[1] = 'Théières sur un marché de Pékin';
largeur[2] = 236; description[2] = 'Cerf-volant chinois';
largeur[3] = 236; description[3] = 'Intérieur d\'un ballon de montgolfière';
largeur[4] = 236; description[4] = 'Arbre à soie en fleurs (Galice)';
largeur[5] = 236; description[5] = 'Azulejos de l\'Alhambra de Grenade';
largeur[6] = 236; description[6] = 'Bains de l\'Alcazar de Séville';
largeur[7] = 236; description[7] = 'Empilement de conteneurs (port de Barcelone)';
largeur[8] = 236; description[8] = 'Carré magique sur un portail de la Sagrada Familia à Barcelone';
largeur[9] = 236; description[9] = 'Joli arbre (Pékin)';
largeur[10] = 236; description[10] = 'Joli arbre (Cordoue)';
largeur[11] = 236; description[11] = 'Viaduc du Parc Güell à Barcelone';
largeur[12] = 236; description[12] = 'Coucher de soleil sur Cadaqués';
largeur[13] = 236; description[13] = 'Pélican (Oceanogràfic de Valence)';
largeur[14] = 236; description[14] = 'Goéland (port de Barcelone)';
largeur[15] = 236; description[15] = 'Le Val de Loire';
largeur[16] = 236; description[16] = 'Moutons d\'Ouessant';
largeur[17] = 236; description[17] = 'Le Pont de la Ceinture de Jade à Pékin';
largeur[18] = 236; description[18] = 'La Pagode du Temple Linggu à Nankin';
largeur[19] = 236; description[19] = 'Béluga (Oceanogràfic de Valence)';
largeur[20] = 236; description[20] = 'Fleurs d\'aloès (Tarragone)';
largeur[21] = 236; description[21] = 'Osteospermum (Tarragone)';
largeur[22] = 236; description[22] = 'Bruyères sur l\'île d\'Ouessant';
largeur[23] = 236; description[23] = 'Façade d\'une tour de La Défense';
largeur[24] = 236; description[24] = 'Détail du Cube d\'eau à Pékin';
largeur[25] = 236; description[25] = 'Paniers vapeur sur un trottoir de Shanghai';
largeur[26] = 236; description[26] = 'Toit du Temple du Ciel à Pékin';
largeur[27] = 236; description[27] = 'Vieille barque (Ouessant)';
largeur[28] = 236; description[28] = 'Gérone';
largeur[29] = 236; description[29] = 'Le Marais poitevin';
largeur[30] = 177; description[30] = 'La Tour des Dames de l\'Alhambra de Grenade';
largeur[31] = 177; description[31] = 'Mur de briques en damier champenois (Troyes)';
largeur[32] = 177; description[32] = 'Détail du Metropol Parasol à Séville';
largeur[33] = 177; description[33] = 'Ruines de l\'alcazaba de l\'Alhambra de Grenade';
largeur[34] = 177; description[34] = 'La Torre Agbar à Barcelone';
largeur[35] = 236; description[35] = 'Mante religieuse (Pékin)';
largeur[36] = 236; description[36] = 'Le lac Kunming à Pékin';
largeur[37] = 177; description[37] = 'Plafond du Palau de la Música Catalana à Barcelone';
largeur[38] = 177; description[38] = 'Gratte-ciels à Shanghai';
largeur[39] = 236; description[39] = 'Le Centre national des arts du spectacle à Pékin';
largeur[40] = 177; description[40] = 'Arbre plusieurs fois centenaire (Pékin)';
largeur[41] = 177; description[41] = 'Cheminée de La Défense';
largeur[42] = 177; description[42] = 'Panneaux indicateurs sur l\'île d\'Ouessant';
largeur[43] = 236; description[43] = 'Toit de tuiles chinoises (Pékin)';
largeur[44] = 177; description[44] = 'Champ de colza vu du ciel';
largeur[45] = 236; description[45] = 'Champ vu du ciel';
largeur[46] = 236; description[46] = 'Spatule rosée (Oceanogràfic de Valence)';
largeur[47] = 236; description[47] = 'La mer Méditerranée (Catalogne)';
largeur[48] = 236; description[48] = 'Shanghai';
largeur[49] = 236; description[49] = 'Au-dessus des nuages';
document.getElementById('image').innerHTML = '';
}