window.status = "Bienvenue sur le site de la Rencontre nationale des Espaces publics numériques"; posXmenu = 40; //distance entre le bord gauche de l'écran et le côté gauche du menu posYmenu = 190; //distance entre le bord supérieur de l'écran et le haut du menu bgcolor = '#336699'; //couleur du menu bgcolor2 = '#FF0000'; //couleur des cellules survolées sousmenu = new Array; //création d'un tableau sousmenu[0] = new Array; //création d'un tableau dans le tableau sousmenu[1] = new Array; sousmenu[2] = new Array; sousmenu[3] = new Array; sousmenu[4] = new Array; sousmenu[2][0] = ''; sousmenu[2][1] = ''; sousmenu[3][0] = ''; sousmenu[3][1] = ''; sousmenu[3][2] = ''; sousmenu[3][2] = ''; dom = document.getElementById; //test de compatibilité du navigateur plus rapide document.write(''); if(dom) document.getElementById("cadremenu").style.top = posYmenu+23; //on place l'élément cadremenu à 24 pixels sous le haut du menu fixe function SousMenu(msg,pos){ if(dom){ //si le navigateur est compatible document.getElementById("cadremenu").style.left = posXmenu+pos; //position du sous-menu en fonction de pos et de la position du menu principal var tab = "

"; //début de tableau HTML for(pass=0;pass < msg.length;pass++){ //boucle qui va s'exécuter autant de fois qu'il y a de liens enregistrés dans le tableau passé en paramètre msg tab += ""; //on ajoute à la variable tab une ligne de tableau HTML contenant un lien. Avec onMouseOver et onMouseOut : changement de couleur de la cellule au passage de la souris. } tab += "

"+msg[pass]+"

"; //on ajoute les codes HTML qui vont fermer les tableaux document.getElementById("cadremenu").innerHTML = tab; //on écrit le contenu de la variable tab dans l'élément dont l'ID est cadremenu document.getElementById("cadremenu").style.visibility = "visible"; //on rend l'élément visible } } function KillFenetre(){ if(dom) document.getElementById("cadremenu").style.visibility = "hidden"; } document.onclick = KillFenetre; //fait disparaitre le sous menu lorsqu'un clic est détecté sur la page if(dom){ document.write('

'); //on écrit le tableau contenu dans les balises DIV sans ID dans lesquelles on définit son style. La position est absolue. Placement sur la page définie avec posXmenu et posYmenu document.write(''); //largeur de 100 pixels -- couleur de fond -- une instruction javascript pour changer la couleur de la cellule et lancer la fonction SousMenu() -- instruction qui fait repasser la couleur de la cellule à sa couleur originale quand la souris ne la survole pas document.write(''); document.write(''); document.write(''); //largeur de 100 pixels -- couleur de fond -- une instruction javascript pour changer la couleur de la cellule et lancer la fonction SousMenu() -- instruction qui fait repasser la couleur de la cellule à sa couleur originale quand la souris ne la survole pas document.write(''); //largeur de 100 pixels -- couleur de fond -- une instruction javascript pour changer la couleur de la cellule et lancer la fonction SousMenu() -- instruction qui fait repasser la couleur de la cellule à sa couleur originale quand la souris ne la survole pas document.write(''); document.write(''); //largeur de 100 pixels -- couleur de fond -- une instruction javascript pour changer la couleur de la cellule et lancer la fonction SousMenu() -- instruction qui fait repasser la couleur de la cellule à sa couleur originale quand la souris ne la survole pas document.write('

'); }