// affiche un tableau avec la carte en image de fond // chaque cellule du tableau est identifiée par cell_+lettreLigne+coloneNuméro ex cell_C9 function ecrireCarte() { strCarte = ""; strCarte += ""; strCarte += "" strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += ""; strCarte += " "; strCarte += ""; strCarte += "
"; return strCarte; } // affiche dans la cellule correspondant à situation // l'image indiquant la position géographique de l'hébergement voulu function situerCarte(situation) { strCarte = ecrireCarte(); // instentiation objet Navigateur var nav = new Navigateur(); var lEcran = nav.lEcranClient; var hEcran = nav.hEcranClient; var scrollHaut = nav.scrollHaut; window.scrollTo(0, scrollHaut); var margeGauche = ((lEcran / 2) - (760 / 2))-16+"px"; // la position left du calque qu'on rajoute var haut = ((hEcran /2) - (420 / 2))+ scrollHaut +"px"; // la position top du calque qu'on rajoute afficheMasque(hEcran, scrollHaut); // conteneur calConteneur = document.createElement("div"); // créé un nouvel element div calConteneur.id = "calque"; calConteneur.style.position = "absolute"; // position absolue calConteneur.style.width = "100%"; calConteneur.style.height = "100%"; calConteneur.style.left = "0px"; // positionnement left du calque calConteneur.style.top = "0px"; // positionnement top du calque calConteneur.style.zIndex = 1001; // ordre d'empilement // ajout du noeud calque conteneur dans le DOM document.body.appendChild(calConteneur); // cadre calCadre = document.createElement("div"); // créé un nouvel element div calCadre.id = "cadre"; calCadre.style.background = "#ffffff"; calCadre.style.border = "1px solid #0c6f8f"; calCadre.style.position = "relative"; // position absolue calCadre.style.width = "320px"; calCadre.style.height = "auto"; calCadre.style.marginLeft = "10px"; // positionnement left du calque calCadre.style.top = "10px"; // positionnement top du calque calCadre.style.zIndex = 1002; // ordre d'empilement // ajout du noeud calque cadre dans le conteneur calConteneur.appendChild(calCadre); // barre de titre calBarreTitre = document.createElement("div"); // créé un nouvel element div calBarreTitre.id = "barreTitre"; calBarreTitre.className = "fondBarreTitre"; calBarreTitre.style.width = "320px"; calBarreTitre.style.height = "20px"; calBarreTitre.style.margin = "auto"; // positionnement left du calque calBarreTitre.style.clear = "both"; // éléments de la barre de titre contenuBarreTitre = ""; contenuBarreTitre += ""; contenuBarreTitre += ""; contenuBarreTitre += ""; contenuBarreTitre += ""; contenuBarreTitre += ""; contenuBarreTitre += "
"; contenuBarreTitre += "Situation géographique"; contenuBarreTitre += ""; contenuBarreTitre += ""; contenuBarreTitre += "
"; // innerHTML pour barreTitre calBarreTitre.innerHTML = contenuBarreTitre; // ajout du noeud barreTitre dans le cadre calCadre.appendChild(calBarreTitre); // conteneur pour carte calConteneurCarte = document.createElement("div"); calConteneurCarte.id = "conteneurCarte"; calConteneurCarte.style.width = "320px"; calConteneurCarte.style.background = "#ffffff"; // innerHTML pour conteneurCarte calConteneurCarte.innerHTML = strCarte; // ajout du noeud conteneurCarte dans le cadre calCadre.appendChild(calConteneurCarte); var cellule = document.getElementById("cell_"+situation); var image = document.createElement("img"); image.src = "images/cellule.gif"; cellule.appendChild(image); } function detail(strHtml, titre) { // instentiation objet Navigateur var nav = new Navigateur(); var lEcran = nav.lEcranClient; var hEcran = nav.hEcranClient; var scrollHaut = nav.scrollHaut; window.scrollTo(0, scrollHaut); var margeGauche = ((lEcran / 2) - (760 / 2))-16+"px"; // la position left du calque qu'on rajoute var haut = ((hEcran /2) - (420 / 2))+ scrollHaut +"px"; // la position top du calque qu'on rajoute afficheMasque(hEcran, scrollHaut); // conteneur calConteneur = document.createElement("div"); // créé un nouvel element div calConteneur.id = "calque"; calConteneur.style.position = "absolute"; // position absolue calConteneur.style.width = "100%"; calConteneur.style.height = "100%"; calConteneur.style.left = "0px"; // positionnement left du calque calConteneur.style.top = "0px"; // positionnement top du calque calConteneur.style.zIndex = 1001; // ordre d'empilement // ajout du noeud calque conteneur dans le DOM document.body.appendChild(calConteneur); // cadre calCadre = document.createElement("div"); // créé un nouvel element div calCadre.id = "cadre"; calCadre.style.background = "#ffffff"; calCadre.style.border = "1px solid #0c6f8f"; calCadre.style.position = "relative"; calCadre.style.width = "760px"; calCadre.style.height = "auto"; calCadre.style.marginLeft = margeGauche; // positionnement left du calque calCadre.style.top = haut; // positionnement top du calque calCadre.style.zIndex = 1002; // ordre d'empilement // ajout du noeud calque cadre dans le conteneur calConteneur.appendChild(calCadre); // barre de titre calBarreTitre = document.createElement("div"); // créé un nouvel element div calBarreTitre.id = "barreTitre"; calBarreTitre.className = "fondBarreTitre"; calBarreTitre.style.width = "760px"; calBarreTitre.style.height = "20px"; calBarreTitre.style.margin = "auto"; // positionnement left du calque calBarreTitre.style.clear = "both"; // éléments de la barre de titre contenuBarreTitre = ""; contenuBarreTitre += ""; contenuBarreTitre += ""; contenuBarreTitre += ""; contenuBarreTitre += ""; contenuBarreTitre += ""; contenuBarreTitre += "
"; contenuBarreTitre += ""+titre+""; contenuBarreTitre += ""; contenuBarreTitre += ""; contenuBarreTitre += "
"; // innerHTML pour barreTitre calBarreTitre.innerHTML = contenuBarreTitre; // ajout du noeud barreTitre dans le cadre calCadre.appendChild(calBarreTitre); // conteneur pour detail calDetail = document.createElement("div"); calDetail.id = "conteneurDetail"; calDetail.style.width = "760px"; calDetail.style.background = "#ffffff"; calDetail.innerHTML = strHtml; // ajout du noeud conteneurDetail dans le cadre calCadre.appendChild(calDetail); }