// JavaScript Document
/**
* Initialisation des noms des containers de menu
*/
var containerName = 'div_menu_js';
var ssContainerName = 'div_ss_menu_js';
var ulName = 'ul_menu_js';
var ssUlName = 'ul_ss_menu_js';
/**
* Variables de positionement de la souris
* var onMenu : la souris est sur un menu
* var onSsMenu : la souris est sur un sous menu
* var onSsSsMenu : la souris est sur un sous sous menu
*/
var onMenu = 0;
var onSsMenu = 0;
var onSsSsMenu = 0;
/**
* Initialisation du temporisateur de fermeture d'un sous menu
*/
var timeBeforeClosing = 1000;
/**
* Initialisation des sous menus et des sous sous menus
*/
var ssMenu = new Array();
ssMenu['m_1'] = new Array();
ssMenu['m_1'][0] = new Array();
ssMenu['m_1'][0][0] = '';
ssMenu['m_2'] = new Array();
ssMenu['m_2'][0] = new Array();
ssMenu['m_2'][0][0] = '';
ssMenu['m_3'] = new Array();
ssMenu['m_3'][0] = new Array();
ssMenu['m_3'][0][0] = '';
ssMenu['m_4'] = new Array();
ssMenu['m_4'][0] = new Array();
ssMenu['m_4'][0][0] = '';
ssMenu['m_5'] = new Array();
ssMenu['m_5'][0] = new Array();
ssMenu['m_5'][0][0] = '';
/**
* Gestion des menus/sous-menus
*/
/**
* Function appearMenu
* Fait apparaitre les sous menus du menu sélectionné
* @param marginleft : positionnement du menu par rapport au coté gauche de l'écran
*/
function appearMenu(id_menu)
{
/**
* Génere le contenu du sous menu selon le menu sélectionné
*/
generateMenu(id_menu);
/**
* On fait apparaitre le container de sous menus
*/
document.getElementById(containerName).style.display = '';
/**
* La position de la souris change, on est sur un menu
*/
onMenu = 1;
}
/**
* Function quitMenu
* La souris quitte le menu, mise à jour des variables de position
* et lancement de la fonction prepareToCloseMenu qui fermera le menu si il faut
*/
function quitMenu()
{
onMenu = 0;
onSsMenu = 0;
prepareToCloseMenu();
}
/**
* Function initSsMenu
* La souris passe sur un sous menu, mise à jour des variables de position
*/
function initSsMenu()
{
onMenu = 0;
onSsMenu = 1;
}
/**
* Function quitSsMenu
* La souris quitte le sous menu, mise à jour des variables de position
* et lancement de la fonction prepareToCloseMenu qui fermera le menu si il faut
*/
function quitSsMenu()
{
onMenu = 0;
onSsMenu = 0;
onSsSsMenu = 0;
prepareToCloseMenu();
}
/**
* Function prepareToCloseMenu
* Temporisateur avant la fermeture effective du sous menu
* Lance la fonction de fermeture de sous menu après timeBeforeClosing millisecondes
*/
function prepareToCloseMenu()
{
setTimeout("closeMenu()", timeBeforeClosing);
}
/**
* Function closeMenu
* Fait disparaitre le sous menu si la souris n'est ni sur un menu, ni sur un sous menu
* Fait disparaitre le sous sous menu si la souris n'est pas dessus
*/
function closeMenu()
{
if( (onSsMenu == 0)
&&(onMenu == 0)
&&(onSsSsMenu == 0) )
document.getElementById(containerName).style.display = 'none';
if( (onSsSsMenu == 0) )
document.getElementById(ssContainerName).style.display = 'none';
}
/**
* Function generateMenu
* génère le sous menu correspondant à la position de la souris
* @param marginleft : positionnement du menu par rapport au coté gauche de l'écran
*/
function generateMenu(id_menu)
{
var ssMenuComplet = '';
/*
* Selon le menu selectionné, on charge le sous menu correspondant
*/
for(var i = 0; i < ssMenu[id_menu].length; i++)
ssMenuComplet += ssMenu[id_menu][i][0];
document.getElementById(containerName).innerHTML = ssMenuComplet;
/**
* Placement et redimentionnement du sous menu
*/
switch(id_menu)
{
case 'm_1':
document.getElementById(containerName).style.marginLeft = '0px';
break;
case 'm_2':
document.getElementById(containerName).style.marginLeft = '272px';
break;
case 'm_3':
document.getElementById(containerName).style.marginLeft = '384px';
break;
case 'm_4':
document.getElementById(containerName).style.marginLeft = '463px';
break;
case 'm_5':
document.getElementById(containerName).style.marginLeft = '463px';
break;
default:
break;
}
}
/*
* Fin de gestion menus/sous-menus
*/
/**
* Gestion sous-menus/sous-sous-menus
*/
/**
* Function initSsSsMenu
* La souris passe sur un sous sous menu, mise à jour des variables de position
*/
function initSsSsMenu()
{
onMenu = 0;
onSsMenu = 0;
onSsSsMenu = 1;
}
/**
* Function quitSsSsMenu
* La souris quitte le sous sous menu, mise à jour des variables de position
* et lancement de la fonction prepareToCloseMenu qui fermera le menu si il faut
*/
function quitSsSsMenu()
{
onMenu = 0;
onSsMenu = 0;
onSsSsMenu = 0;
prepareToCloseMenu();
}
/**
* Function appearSsMenu
* Fait apparaitre les sous sous menus du sous menu sélectionné
* @param marginleft : positionnement du menu par rapport au coté gauche de l'écran
*/
function appearSsMenu(id_menu)
{
/**
* Génere le contenu du sous sous menu selon le sous menu sélectionné
*/
generateSsMenu(id_menu);
/**
* On fait apparaitre le container de sous menus
*/
document.getElementById(ssContainerName).style.display = '';
onSsSsMenu = 1;
}
/**
* Function generateSsMenu
* génère le sous-sous menu correspondant à la position de la souris
*/
function generateSsMenu(id_menu)
{
// On décompose l'id du menu pour trouver le bon tableau
var explode_id = new Array();
explode_id = id_menu.split('_');
var racine = explode_id[0] + '_' + explode_id[1]; // premiere dimension du tableau
var dim = explode_id[2]; // position du sous-sous menu
var ssSsMenuComplet = '';
/*
* Selon le menu selectionné, on charge le sous menu correspondant
*/
for(var i = 1; i < ssMenu[racine][dim].length; i++)
ssSsMenuComplet += ssMenu[racine][dim][i];
document.getElementById(ssContainerName).innerHTML = ssSsMenuComplet;
var padding = 21;
if(navigator.appName=="Microsoft Internet Explorer")
padding = 26;
var pos_top = 145 + padding*(dim-1);
/**
* Placement et redimentionnement du sous menu
*/
switch(racine)
{
case 'm_1':
document.getElementById(ssContainerName).style.marginLeft = '326px';
break;
case 'm_2':
document.getElementById(ssContainerName).style.marginLeft = '598px';
break;
case 'm_3':
document.getElementById(ssContainerName).style.marginLeft = '435px';
break;
case 'm_4':
document.getElementById(ssContainerName).style.marginLeft = '789px';
break;
case 'm_5':
document.getElementById(ssContainerName).style.marginLeft = '659px';
break;
default:
break;
}
document.getElementById(ssContainerName).style.marginTop = pos_top + 'px';
}