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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50
| function mng(){
var Table_Gauche=document.getElementById('dg1')
//wrg largeur du menu
var wrg = ((navigator.appName.substring(0,5)=="Micro") ? parseInt(Table_Gauche.currentStyle.width) : parseInt(getComputedStyle(Table_Gauche, null).getPropertyValue('width')));
if(mngv==1){
//largeur lorsque le menu gauche est fermé
document.getElementById("IdTabBouton").style.width=99+'%';//div3
document.getElementById("IdDivIm").style.width=99+'%'//div2
document.getElementById("IdTabBouton").style.left="30px";
document.getElementById("IdDivIm").style.left="30px";
/* cache la scrollbar lorsque le menu est fermé*/
Table_Gauche.style.width =29+'px' //29px correspond à la barre de menu vertical lorsque le menu est fermé
if(wrg<=39){ //wrg<=39 on augmente la taille du menu en mettant mngv=0 et on relance la fonction mng au bout de 16ms avec mngv=0
mngv=0
document.getElementById('gm2').src='retour.gif'
/* cache la scrollbar lorsque le menu est ouvert*/
return false// sortie de la fonction
}
setTimeout("mng()",16) //on relance la fonction mng au bout de 16ms avec mngv=0
}
// mngv==0 quand le menu entier n'est pas ouvert ou déroulé
if(mngv==0){
//largeur lorsque le menu gauche est ouvert
document.getElementById("IdTabBouton").style.width=84+'%';//div3
document.getElementById("IdDivIm").style.width=84+'%';//div1
document.getElementById("IdTabBouton").style.left="210px";
document.getElementById("IdDivIm").style.left="210px";
// fait apparaître la scrollbar lorsque le menu est ouvert
Table_Gauche.style.width= 209+'px'//209px correspond à la place prise par le menu vertical lorsqu'l est ouvert
if(wrg>=200){//wrg>=200 on diminue la taille du menu en mettant mngv=1
mngv=1
document.getElementById('gm2').src='aller.gif'
return false
}
setTimeout("mng()",16)
}
} |
appel de la fonction mng ci-dessus
<body style="background-color:#6699CC;" onLoad="ajax();mng();screenSize();">
Partager