<script language="javascript">
/*
Agence_off = new Image(200,25);
Agence_off.src = "public/images/bouton-agence-communication-off.jpg";
Agence_on = new Image(200,25);
Agence_on.src ="public/images/bouton-agence-communication-on.jpg";
Agence_philosophie_off = new Image(200,25);
Agence_philosophie_off.src = "public/images/bouton-agence-philosophie-off.jpg";
Agence_philosophie_on = new Image(200,25);
Agence_philosophie_on.src ="public/images/bouton-agence-philosophie-on.jpg";
Agence_engagements_off = new Image(200,25);
Agence_engagements_off.src = "public/images/bouton-agence-engagements-off.jpg";
Agence_engagements_on = new Image(200,25);
Agence_engagements_on.src ="public/images/bouton-agence-engagements-on.jpg";
Agence_savoir_off = new Image(200,25);
Agence_savoir_off.src = "public/images/bouton-agence-savoir-faire-off.jpg";
Agence_savoir_on = new Image(200,25);
Agence_savoir_on.src ="public/images/bouton-agence-savoir-faire-on.jpg";
*/
var t_menu = new Array();
var liste_menu = new Array();
var extention = ".jpg";
function reduire(cell){
//réduit le menu déroulant si on quitte sur le menu
var id_menu = cell.id;
t_menu[id_menu].ouvrir = -1;
}
function developper(cell){
//dévellope le menu déroulant si on passe sur le menu
var id_menu = cell.id;
t_menu[id_menu].ouvrir = 1;
if ((t_menu[id_menu].type_menu == 1) || (t_menu[id_menu].type_menu == 2))
document.getElementById("basongelet_" + id_menu).style.display = "block";
}
function reduire2(cell){
//réduit le menu déroulant si on quitte sur le menu déroulant
var id_menu = cell.id.substring(6, cell.id.length);
t_menu[id_menu].ouvrir = -1;
}
function developper2(cell){
//devellope le menu déroulant si on passe sur le menu déroulant
var id_menu = cell.id.substring(6, cell.id.length);
t_menu[id_menu].ouvrir = 1;
// document.write("<TABLE WIDTH='100%' HEiGHT='100%'><TR><TD>" + t_menu[id_menu].ouvrir + "</TD></TR></TABLE>");
if ((t_menu[id_menu].type_menu == 1) || (t_menu[id_menu].type_menu == 2))
document.getElementById("basongelet_" + id_menu).style.display = "block";
}
function affmenu(){
for (a=0 ; a<liste_menu.length ; a++)
{
var idmenu = liste_menu[a];
//si on ouvre le menu et qu'il n'est pas complètement déroulé
//ou si on l'enroule et qu'il n'est pas complètement enroulé alors on fait bouger le menu déroulant
if ((t_menu
.ouvrir == 1)&&(t_menu
.nbrvar < t_menu
.nbrvarmax))
{
t_menu
.ypos_menu += t_menu
.vary;
t_menu
.xpos_menu += t_menu
.varx;
document.getElementById(idmenu).style.left = t_menu
.xpos_menu + "px";
document.getElementById(idmenu).style.top = t_menu
.ypos_menu + "px";
t_menu
.nbrvar += 1;
}
if ((t_menu
.ouvrir == -1)&&(t_menu
.nbrvar > 0))
{
t_menu
.ypos_menu -= t_menu
.vary;
t_menu
.xpos_menu -= t_menu
.varx;
document.getElementById(idmenu).style.top = t_menu
.ypos_menu + "px";
document.getElementById(idmenu).style.left = t_menu
.xpos_menu + "px";
t_menu
.nbrvar -= 1;
}
if ((t_menu
.nbrvar >= t_menu
.nbrvarmax)&&(t_menu
.ouvrir == 1))
{//completement développé
t_menu
.ouvrir = 0;
t_menu
.nbrvar = t_menu
.nbrvarmax;
}
if ((t_menu
.nbrvar <= 0)&&(t_menu
.ouvrir == -1))
{//complètement réduit
t_menu
.ouvrir = 0;
t_menu
.nbrvar = 0;
document.getElementById("basongelet_" + idmenu).style.display = "none";
}
}
}
//argument de l'objet menu : nom titre img src_off src_on larg haut x y t_menu largm hautm xm ym varx vary nbrvar urlmenu <--------------------------- optsmenu ------------------------------------------------------------------------------------------------------------------>
//menu1 = new menu("Bouton_agence.src=Agence_off.src", "Bouton_agence.src=Agence_on.src" , 200, 25 , 112, 0, 1 , 110, 90 , 112, -40 , 0 , 12, 7 , "1.html" , "option 1", "page essai 1.htm", "option 2", "page essai 2.htm", "option 3", "page essai 3.htm");
//function menu(nom, titre, img, src_off, src_on, larg, haut, x, y, type_menu, larg_m, haut_m, x_m, y_m, varx, vary, nbrvmax, url){
function menu(nom, titre, img, larg, haut, x, y, type_menu, larg_m, haut_m, x_m, y_m, varx, vary, nbrvmax, url){
var strtemp;
if ((type_menu == 1)||(type_menu == 3))
{// si le menu à créer se déroule vers le bas
//crée le menu
strtemp = '<div id="princ_' + nom + '" STYLE="position: absolute; left:' + x + '; top:' + y + '; width:' + larg + '; height:' + haut + '; z-index:4" onmouseover="developper2(this);" onmouseout="reduire2(this);">';
strtemp += '<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" id="tab_' + nom + '" width="100%" height="100%">';
strtemp += '<tr>';
strtemp += '<td STYLE="background-color:black; width:200px; height:100px; z-index:1;">';
strtemp += '</td>';
strtemp += '</tr>';
strtemp += '<tr>';
strtemp += '<td align="center">';
//<a href="index.php" title="lien vers l'agence" class="index" ONMOUSEOVER="Bouton_agence.src=Agence_on.src" ONMOUSEOUT="Bouton_agence.src=Agence_off.src">
//strtemp += '<a href="' + url + '" title="' + titre + '" target="main_win" style="text-decoration: none" ONMOUSEOVER="' + src_on + '" ONMOUSEOUT="' + src_off + '">' + img + '</a>';
//strtemp += '<a href="' + url + '" title="' + titre + '" target="main_win" style="text-decoration: none" ONMOUSEOVER="Bouton_agence.src=Agence_on.src" ONMOUSEOUT="Bouton_agence.src=Agence_off.src" >' + img + '</a>';
//Supprimer target="main_win" pour que le site ne s'ouvre pas sur une autre page
strtemp += '<a href="' + url + '" title="' + titre + '" style="text-decoration: none" onmouseover="Bouton_agence.src=Agence_on.src" onmouseout="Bouton_agence.src=Agence_off.src">' + img + '</a>';
strtemp += '</td>';
strtemp += '<td> </td>';
strtemp += '</tr></table>';
strtemp += '</div>';
document.write(strtemp);
//crée le menu déroulant
strtemp = '<div id="' + nom + '" STYLE="position: absolute; left:' + x_m + 'px; top:' + y_m + 'px; width:' + larg_m + '; height:' + haut_m + '; z-index:3" onmouseover="developper(this);" onmouseout="reduire(this);">';
strtemp += '<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" id="tab_' + nom + '" width="200">';
for (a=1 ; a<=menu.arguments.length-16 ; a=a+2)
{
strtemp += '<tr>';
strtemp += '<td align="center">';
strtemp += '<a href="' + menu.arguments[15 + a + 1] + '" style="text-decoration: none">' + menu.arguments[15 + a] + '</a>';
strtemp += '</td></tr>';
}
strtemp += '</table>';
strtemp += '</div>';
document.write(strtemp);
}
this.nom = nom;
this.titre = titre;
this.img = img;
this.largeur = larg;
this.hauteur = haut;
this.xpos = x;
this.ypos = y;
this.type_menu = type_menu;
this.largeur_menu = larg_m;
this.hauteur_menu = haut_m;
this.xpos_menu = x_m;
this.ypos_menu = y_m;
this.varx = varx;
this.vary = vary;
this.nbrvar = 0;
this.nbrvarmax = nbrvmax;
this.ouvrir = 0;
liste_menu.push(nom);
}
</script>
<script language="javascript">
/*Le menu est composé de rubriques comportant ou non un menu déroulant*/
/*
Créer une rubrique se fait en 2 lignes :
1: nomrubrique = new menu ("label de la rubrique", largeur, hauteur, ...);
2: t_menu["label de la rubrique"] = nomrubrique;
description des arguments passés pour créer un menu
- nom : nom de la rubrique(texte qui sera affiché à l' écran)
- larg, haut : largeur et hauteur du menu
- x, y : position du menu à l'écran
- type_menu : 1=rubrique dont le menu qui se déroule horizontalement, 2=pareil mais verticalement,
3=rubrique horizontale sans option, 4=pareil mais verticale.
- largm, hautm : dimentions du menu déroulant
- x,m, ym : position du menu déroulant lorsqu'il est enroulé
- varx, vary : variation en pixel du menu lorque celui-ci se déroule ou s'enroule (plus ces valeurs sont grandes et plus le menu se déroulera vite
- nbrvar : nombre d'étapes pour que le menu se déroule/s'enroule totalement
- urlmenu : indique quelle page charger lorsqu'on clique sur le lien (mettre une chaine vide si on ne veut pas que le menu soit un lien hypertexte
- optsmenu : marche par couple : le premier élément représente ce qui sera affiché à l'écran,
le deuxième est le lien qui sera appelé lorsqu'on clique sur l'option
- Remarque : les élements impairs de optsmenu correspondent au contenu des options et les éléments pair
correspondent aux éléments aux liens des options
*/
//argument de l'objet menu : nom titre img larg haut x y t_menu largm hautm xm ym varx vary nbrvar urlmenu <--------------------------- optsmenu ------------------------------------------------------------------------------------------------------------------>
//"Bouton_agence.src=Agence_off.src", "Bouton_agence.src=Agence_on.src"
menu1 = new menu("agence", "lien vers l'agence" ,
"<img src=\"public/images/bouton-agence-communication-off.jpg\" name=\"Bouton_agence\" alt=\"Accueil\" border=\"0\">", 200, 25 , 0, 0, 1 , 200 , 25 , 0 , 42 , 0 , 8.5 , 10 , "index.php" , "<img src=\"public/images/bouton-agence-philosophie-off.jpg\" name=\"Bouton_agence_philosophie\" title=\"Notre philosophie\" alt=\"Accueil\" border=\"0\" onmouseover=\"Bouton_agence_philosophie.src=Agence_philosophie_on.src\" onmouseout=\"Bouton_agence_philosophie.src=Agence_philosophie_off.src\">", "philosophie-agence-communication.php", "<img src=\"public/images/bouton-agence-engagements-off.jpg\" title=\"Nos engagements\" name=\"Bouton_agence_engagements\" alt=\"engagements\" border=\"0\" ONMOUSEOVER=\"Bouton_agence_engagements.src=Agence_engagements_on.src\" ONMOUSEOUT=\"Bouton_agence_engagements.src=Agence_engagements_off.src\">", "engagements-agence-communication.php", "<img src=\"public/images/bouton-agence-savoir-faire-off.jpg\" name=\"Bouton_agence_savoir\" alt=\"Savoir-faire\" title=\"Nos savoir-faire\" border=\"0\" ONMOUSEOVER=\"Bouton_agence_savoir.src=Agence_savoir_on.src\" ONMOUSEOUT=\"Bouton_agence_savoir.src=Agence_savoir_off.src\">", "savoir-faire-agence-communication.php");
t_menu["agence"] = menu1;
//setInterval() pose des problèmes de compatibilité avec certains navigateurs de version 4. Il est plus sûr d'utiliser setTimeout().
//Lance un traitement javascript code répété à intervalle régulier de delai millisecondes.
var clkmenu1= setInterval('affmenu();', 20);
</script>