// Maintient tous les 'div...' centre relativement a une largeur donnee. // Ne deplace pas les 'div...' relative' // Au depart, il faut appeler la fonction // // function divCenterStart(nWidthSet, nWidthMin) { // =============================================== // nWidthMin = largeur en-dessous de laquelle, on ne deplace pas les 'div...' // nWidthSet = largeur 'normale' de la fenetre // // Pour fonctionner il faut rajouter la commande : // onresize="divCenterAll()" // dans le tag // exemple : // c.f. DivCenter_V2.html var nDivCenterWidth = 0; // largeur actuelle de la fenetre; var nDivCenterWidthMin = 400; // sous cette valeur, on ne change pas les positions des 'div...' function divCenterAll() { //======================= var nn = 0; var nWidth = 0; // largeur d'ecran' var nWidthDelta = 0; var strS = ''; var oDivImage; // info de debugging //var oDivInfo = document.getElementById("divInfo"); if (window.innerWidth) nWidth = window.innerWidth; // pour Firefox et Opera else if (document.body && document.body.clientWidth) nWidth = document.body.clientWidth; // IE. //if (nWidth < nDivCenterWidthMin) return; if (nWidth < nDivCenterWidthMin) nWidth = nDivCenterWidthMin; nWidthDelta = Math.round((nWidth - nDivCenterWidth)/2); for (nn = 0; nn < document.getElementsByTagName("DIV").length; nn++) { // strS = strS + document.getElementsByTagName("DIV").item(nn).id + ' '; // strS = strS + document.getElementsByTagName("DIV").item(nn).style.position + ' '; if (document.getElementsByTagName("DIV").item(nn).style.position != 'relative') { oDivImage = document.getElementsByTagName("DIV").item(nn); if (oDivImage.style.left) { oDivImage.style.left = parseInt(oDivImage.style.left) + nWidthDelta + 'px'; // oDivImage.style.top = parseInt(oDivImage.style.top) + 1 + 'px'; anBougeX0[nn] += nWidthDelta; // anBougeY0[nn] += 1; } } // if } // for //oDivInfo.innerHTML = "info =" + oDivImage.style.left; // memorise la nouvelle largeur de fenetre nDivCenterWidth += 2 * nWidthDelta; //confirm('nb= ' + document.getElementsByTagName("DIV").length + ' list = ' + strS); } // divCenterAll function divCenterStart(nWidthSet, nWidthMin) { //============================================= // nWidthMin = largeur en-dessous de laquelle, on ne deplace pas les 'div...' // nWidthSet = largeur 'normale' de la fenetre // Si nWidthSet == 0, alors prend la largeur d'ecran if (nWidthSet != 0) { nDivCenterWidth = nWidthSet; } else { if (window.innerWidth) nDivCenterWidth = window.innerWidth; // pour Firefox et Opera else if (document.body && document.body.clientWidth) nDivCenterWidth = document.body.clientWidth; // IE. } nDivCenterWidthMin = nWidthMin; //confirm('nDivCenterWidth= ' + nDivCenterWidth); divCenterAll(); // place correctement les 'div...' au depart } // divCenterStart