/* true = le menu sera vertical, à gauche.
false = le menu sera horizontal, en haut. */
var vertical = true;
/* Il faut mettre ici le nombre de menus. */
var nbmenu = 13;
/* Centrer le menu ? (true/false). */
var centrer_menu = false;
/* largeur des menus. */
var largeur_menu = 105;
/* on a besoin de connaître la hauteur de chaque menu.
Même si les "cases" ne sont pas dimensionnées en hauteur.
Ajustez cette variable si les menus sont trop rapprochés ou espacés en vertical. */
var hauteur_menu = 25;
/* Largeur des sous-menus, pour IE uniquement, les autres navigateurs respectent la largeur
auto. Mettez "auto" uniquement si vous êtes sûr d'avoir mis des à la place des
espace dans les items !*/
var largeur_sous_menu = 170;
/*pour mettre un peu d'espace entre les menus */
var espace_entre_menus = 0;
/* position des menus par rapport au haut de la page.
0 = le menu est tout en haut. en px */
var top_menu1 = 170; /* aero/hydrodynamique */
var top_menu2 = 150; /* micro deplacements */
var top_menu3 = 320; /* trajectoires & deplacement */
var top_menu4 = 50; /* test des materiaux */
var top_menu5 = 30; /* dimensionnement structures */
var top_menu6 = 360; /* crash test */
var top_menu7 = 375; /* emboutissage */
var top_menu8 = 145; /* Crystallographie */
var top_menu9 = 95; /* Micro-structures */
var top_menu10 = 135; /* Gdes vitesses */
var top_menu11 = 230; /* Feuilles minces */
var top_menu12 = 300; /* Gdes pièces */
var top_menu13 = 275; /* Matériaux composites */
/* Position gauche du menu, en px. */
var left_menu1 = 0;
var left_menu2 = 680;
var left_menu3 = 630;
var left_menu4 = 120;
var left_menu5 = 370;
var left_menu6 = 120;
var left_menu7 = 380;
var left_menu8 = 180;
var left_menu9 = 350;
var left_menu10 = 520;
var left_menu11 = 580;
var left_menu12 = 420;
var left_menu13 = 225;
/* Position des sous-menus par rapport au bord gauche de l'écran. */
var left_ssmenu1 = left_menu1 + largeur_menu + 10;
var left_ssmenu2 = left_menu2;
var left_ssmenu3 = left_menu3;
var left_ssmenu4 = left_menu4 + largeur_menu + 10;
var left_ssmenu5 = left_menu5 + largeur_menu + 70;
var left_ssmenu6 = left_menu6 + largeur_menu + 10;
var left_ssmenu7 = left_menu7 + largeur_menu + 10;
var left_ssmenu8 = left_menu8 + largeur_menu + 10;
var left_ssmenu9 = left_menu9 + largeur_menu + 10;
var left_ssmenu10 = left_menu10 + largeur_menu + 10;
var left_ssmenu11 = left_menu11;
var left_ssmenu12 = left_menu12 + largeur_menu + 10;
var left_ssmenu13 = left_menu13 + largeur_menu + 10;
/* Quand la souris quitte un sous-menu, si le sous-menu disparait immédiatement,
cela gêne l'utilisateur. Alors on peut mettre un délai avant disparition du sous-menu.
500 ms c'est bien :-) */
var delai = 500; // en milliseconde
/* On décale le document à droite pour pas que le menu le superpose. */
var marge_a_gauche_de_la_page = 0;
/* Mettez à true si vous souhaitez que le menu soit toujours visible.
Mettez false si vous ne le souhaitez pas, dans ce cas le menu "disparaîtra" quand vous
descendrez dans la page. */
var suivre_le_scroll=false;
var timeout;
var agt = navigator.userAgent.toLowerCase();
var isMac = (agt.indexOf('mac') != -1);
var isOpera = (agt.indexOf("opera") != -1);
var IEver = parseInt(agt.substring(agt.indexOf('msie ') + 5));
var isIE = ((agt.indexOf('msie')!=-1 && !isOpera && (agt.indexOf('webtv')==-1)) && !isMac);
var isIE5win = (isIE && IEver == 5);
var isIE5mac = ((agt.indexOf("msie") != -1) && isMac);
var blnOk=true;
function preChargement()
{
if (document.getElementById("conteneurmenu"))
{
document.getElementById("conteneurmenu").style.visibility="hidden";
//IE5 mac a un bug : quand un texte est dans un élément de style float, il n'apparait pas.
if (isIE5mac)
{
document.getElementById("conteneurmenu").style="";
}
}
}
function Chargement() {
if(document.body.style.backgroundColor!="") { blnOk=false; }
if(document.body.style.color!="") { blnOk=false; }
if(document.body.style.marginTop!="") { blnOk=false; }
if(document.getElementById) {
with(document.getElementById("texte").style) {
if(position!="" || top!="" || left!=""
|| width!="" || height!="" || zIndex!=""
|| margin!="" || visibility!="") {
blnOk=false;
}
}
}
else{
blnOk=false;
}
if(blnOk)
{
trimespaces();
with(document.body.style) {
marginLeft=marge_a_gauche_de_la_page;
}
/*------------------------------------------------------------------------------*/
with(document.getElementById("menu1").style) {
top=top_menu1+"px";
left=left_menu1+"px";
if (!suivre_le_scroll || isIE || isIE5mac)
position="absolute";
else position="fixed";
width=largeur_menu+"px";
margin="0";
zIndex="2";
}
with(document.getElementById("menu2").style) {
top=top_menu2+"px";
left=left_menu2+"px";
if (!suivre_le_scroll || isIE || isIE5mac)
position="absolute";
else position="fixed";
width=largeur_menu+"px";
margin="0";
zIndex="2";
}
with(document.getElementById("menu3").style) {
top=top_menu3+"px";
left=left_menu3+"px";
if (!suivre_le_scroll || isIE || isIE5mac)
position="absolute";
else position="fixed";
width=largeur_menu+"px";
margin="0";
zIndex="2";
}
with(document.getElementById("menu4").style) {
top=top_menu4+"px";
left=left_menu4+"px";
if (!suivre_le_scroll || isIE || isIE5mac)
position="absolute";
else position="fixed";
width=largeur_menu+"px";
margin="0";
zIndex="2";
}
with(document.getElementById("menu5").style) {
top=top_menu5+"px";
left=left_menu5+"px";
if (!suivre_le_scroll || isIE || isIE5mac)
position="absolute";
else position="fixed";
width=largeur_menu+"px";
margin="0";
zIndex="2";
}
with(document.getElementById("menu6").style) {
top=top_menu6+"px";
left=left_menu6+"px";
if (!suivre_le_scroll || isIE || isIE5mac)
position="absolute";
else position="fixed";
width=largeur_menu+"px";
margin="0";
zIndex="2";
}
with(document.getElementById("menu7").style) {
top=top_menu7+"px";
left=left_menu7+"px";
if (!suivre_le_scroll || isIE || isIE5mac)
position="absolute";
else position="fixed";
width=largeur_menu+"px";
margin="0";
zIndex="2";
}
with(document.getElementById("menu8").style) {
top=top_menu8+"px";
left=left_menu8+"px";
if (!suivre_le_scroll || isIE || isIE5mac)
position="absolute";
else position="fixed";
width=largeur_menu+"px";
margin="0";
zIndex="2";
}
with(document.getElementById("menu9").style) {
top=top_menu9+"px";
left=left_menu9+"px";
if (!suivre_le_scroll || isIE || isIE5mac)
position="absolute";
else position="fixed";
width=largeur_menu+"px";
margin="0";
zIndex="2";
}
with(document.getElementById("menu10").style) {
top=top_menu10+"px";
left=left_menu10+"px";
if (!suivre_le_scroll || isIE || isIE5mac)
position="absolute";
else position="fixed";
width=largeur_menu+"px";
margin="0";
zIndex="2";
}
with(document.getElementById("menu11").style) {
top=top_menu11+"px";
left=left_menu11+"px";
if (!suivre_le_scroll || isIE || isIE5mac)
position="absolute";
else position="fixed";
width=largeur_menu+"px";
margin="0";
zIndex="2";
}
with(document.getElementById("menu12").style) {
top=top_menu12+"px";
left=left_menu12+"px";
if (!suivre_le_scroll || isIE || isIE5mac)
position="absolute";
else position="fixed";
width=largeur_menu+"px";
margin="0";
zIndex="2";
}
with(document.getElementById("menu13").style) {
top=top_menu13+"px";
left=left_menu13+"px";
if (!suivre_le_scroll || isIE || isIE5mac)
position="absolute";
else position="fixed";
width=largeur_menu+"px";
margin="0";
zIndex="2";
}
/*------------------------------------------------------------------------------*/
if (document.getElementById("ssmenu1"))
{
with(document.getElementById("ssmenu1").style) {
if (!suivre_le_scroll || isIE || isIE5mac)
position="absolute";
else position="fixed";
left=left_ssmenu1+"px";
top=top_menu1+"px";
if (isIE||isOpera||isIE5mac)
width = largeur_sous_menu+(largeur_sous_menu!="auto"?"px":"");
else width = "auto";
margin="0";
zIndex="3";
}
}
if (document.getElementById("ssmenu2"))
{
with(document.getElementById("ssmenu2").style) {
if (!suivre_le_scroll || isIE || isIE5mac)
position="absolute";
else position="fixed";
left=left_ssmenu2-65+"px";
top=top_menu2+hauteur_menu+hauteur_menu-12+"px";
if (isIE||isOpera||isIE5mac)
width = largeur_sous_menu+(largeur_sous_menu!="auto"?"px":"");
else width = "auto";
margin="0";
zIndex="3";
}
}
if (document.getElementById("ssmenu3"))
{
with(document.getElementById("ssmenu3").style) {
if (!suivre_le_scroll || isIE || isIE5mac)
position="absolute";
else position="fixed";
left=left_ssmenu3-18+"px";
top=top_menu3+hauteur_menu+1+"px";
if (isIE||isOpera||isIE5mac)
width = largeur_sous_menu+(largeur_sous_menu!="auto"?"px":"");
else width = "auto";
margin="0";
zIndex="3";
}
}
if (document.getElementById("ssmenu4"))
{
with(document.getElementById("ssmenu4").style) {
if (!suivre_le_scroll || isIE || isIE5mac)
position="absolute";
else position="fixed";
left=left_ssmenu4+"px";
top=top_menu4+"px";
if (isIE||isOpera||isIE5mac)
width = largeur_sous_menu+(largeur_sous_menu!="auto"?"px":"");
else width = "auto";
margin="0";
zIndex="3";
}
}
if (document.getElementById("ssmenu5"))
{
with(document.getElementById("ssmenu5").style) {
if (!suivre_le_scroll || isIE || isIE5mac)
position="absolute";
else position="fixed";
left=left_ssmenu5+"px";
top=top_menu5+"px";
if (isIE||isOpera||isIE5mac)
width = largeur_sous_menu+(largeur_sous_menu!="auto"?"px":"");
else width = "auto";
margin="0";
zIndex="3";
}
}
if (document.getElementById("ssmenu6"))
{
with(document.getElementById("ssmenu6").style) {
if (!suivre_le_scroll || isIE || isIE5mac)
position="absolute";
else position="fixed";
left=left_ssmenu6+"px";
top=top_menu6+"px";
if (isIE||isOpera||isIE5mac)
width = largeur_sous_menu+(largeur_sous_menu!="auto"?"px":"");
else width = "auto";
margin="0";
zIndex="3";
}
}
if (document.getElementById("ssmenu7"))
{
with(document.getElementById("ssmenu7").style) {
if (!suivre_le_scroll || isIE || isIE5mac)
position="absolute";
else position="fixed";
left=left_ssmenu7+"px";
top=top_menu7+"px";
if (isIE||isOpera||isIE5mac)
width = largeur_sous_menu+(largeur_sous_menu!="auto"?"px":"");
else width = "auto";
margin="0";
zIndex="3";
}
}
if (document.getElementById("ssmenu8"))
{
with(document.getElementById("ssmenu8").style) {
if (!suivre_le_scroll || isIE || isIE5mac)
position="absolute";
else position="fixed";
left=left_ssmenu8+"px";
top=top_menu8+"px";
if (isIE||isOpera||isIE5mac)
width = largeur_sous_menu+(largeur_sous_menu!="auto"?"px":"");
else width = "auto";
margin="0";
zIndex="3";
}
}
if (document.getElementById("ssmenu9"))
{
with(document.getElementById("ssmenu9").style) {
if (!suivre_le_scroll || isIE || isIE5mac)
position="absolute";
else position="fixed";
left=left_ssmenu9+"px";
top=top_menu9+"px";
if (isIE||isOpera||isIE5mac)
width = largeur_sous_menu+(largeur_sous_menu!="auto"?"px":"");
else width = "auto";
margin="0";
zIndex="3";
}
}
if (document.getElementById("ssmenu10"))//undefined
{
with(document.getElementById("ssmenu10").style) {
if (!suivre_le_scroll || isIE || isIE5mac)
position="absolute";
else position="fixed";
left=left_ssmenu10+"px";
top=top_menu10+"px";
if (isIE||isOpera||isIE5mac)
width = largeur_sous_menu+(largeur_sous_menu!="auto"?"px":"");
else width = "auto";
margin="0";
zIndex="3";
}
}
if (document.getElementById("ssmenu11"))
{
with(document.getElementById("ssmenu11").style) {
if (!suivre_le_scroll || isIE || isIE5mac)
position="absolute";
else position="fixed";
left=left_ssmenu11+"px";
top=top_menu11+hauteur_menu+"px";
if (isIE||isOpera||isIE5mac)
width = largeur_sous_menu+(largeur_sous_menu!="auto"?"px":"");
else width = "auto";
margin="0";
zIndex="3";
}
}
if (document.getElementById("ssmenu12"))
{
with(document.getElementById("ssmenu12").style) {
if (!suivre_le_scroll || isIE || isIE5mac)
position="absolute";
else position="fixed";
left=left_ssmenu12+"px";
top=top_menu12+"px";
if (isIE||isOpera||isIE5mac)
width = largeur_sous_menu+(largeur_sous_menu!="auto"?"px":"");
else width = "auto";
margin="0";
zIndex="3";
}
}
if (document.getElementById("ssmenu13"))
{
with(document.getElementById("ssmenu13").style) {
if (!suivre_le_scroll || isIE || isIE5mac)
position="absolute";
else position="fixed";
left=left_ssmenu13+10+"px";
top=top_menu13+"px";
if (isIE||isOpera||isIE5mac)
width = largeur_sous_menu+(largeur_sous_menu!="auto"?"px":"");
else width = "auto";
margin="0";
zIndex="3";
}
}
/*--------------------------------------------------------------------------------------*/
CacherMenus();
}
// comme on a évité le clignotement, maintenant on fait apparaître le menu
document.getElementById("conteneurmenu").style.visibility = "visible";
}
function MontrerMenu(strMenu) {
if(blnOk) {
AnnulerCacher();
CacherMenus();
if (document.getElementById(strMenu))
with (document.getElementById(strMenu).style)
visibility="visible";
}
SelectVisible("hidden",document.getElementsByTagName('select'));
}
function CacherDelai() {
if (blnOk) {
timeout = setTimeout('CacherMenus()',delai);
}
}
function AnnulerCacher() {
if (blnOk && timeout) {
clearTimeout(timeout);
}
}
function CacherMenus() {
if(blnOk) {
for(i=1;i<=nbmenu;i++) {
if (document.getElementById("ssmenu"+i))
with(document.getElementById("ssmenu"+i).style)
visibility="hidden";
}
}
SelectVisible("visible",document.getElementsByTagName('select'));
}
function trimespaces() {
//Contourne un bug d'IE5/win... il ne capte pas bien les css pour les , donc on les vire !
if(blnOk&&isIE5win) {
for(i=1;i<=nbmenu;i++) {
if (document.getElementById("ssmenu"+i))
with(document.getElementById("ssmenu"+i))
innerHTML = innerHTML.replace(/|<\/LI>/g,"");
}
}
}
function SelectVisible(v,elem) {
if (blnOk && (isIE||isIE5win))
for (var i=0;i