/* ---------------------------------------------------------------------------
Bibliotheque JS pour un menu deroulant de rubriques / sous-rubriques
Derniere modification par Michel Pouzet le 28/02/2006
----------------------------------------------------------------------------*/
//
// -- Classe "MenuDeroulant" : --
//
function MenuDeroulant(origineX, origineY, webPathDesign) {
// Init des proprietes :
// Coulissage des rubriques
this.animation_step_pixels = 20; //40; // pixels
this.animation_step_ms = 25; // millisecondes
// Exemples :
// Rapide = 20 pixels / 25 ms
// Normal = 10 pixels / 25 ms
// Lent = 2 pixels / 25 ms
// Fading des sous-rubriques :
this.fadesr_step_opacity = 30; // % d'opacite
this.fadesr_step_ms = 25; // millisecondes
// Exemples :
// Rapide = 30 % / 25 ms
// Normal = 10 % / 20 ms
// Lent = 2 % / 20 ms
this.rubs = new Array(); // liste d'objets 'Rubrique'
this.rubrique_active = 0; // Numero de la rubrique ouverte (0 = aucune)
this.origine_x = origineX || 0; // pixels (x)
this.origine_y = origineY || 0; // pixels (y)
this.web_path_design = webPathDesign;
//this.isMsie = (document.all && document.getElementById);
//this.isMoz = (!document.all && document.getElementById);
// Init des methodes :
this.nbr_rubriques = MenuDeroulant_NbrRubriques;
this.affiche_toi = MenuDeroulant_AfficheToi;
this.check_if_moving = MenuDeroulant_CheckIfMoving;
// Methodes plutot privees :
this.affiche_header = MenuDeroulant_AfficheHeader;
this.affiche_footer = MenuDeroulant_AfficheFooter;
this.init_layers = MenuDeroulant_InitLayers;
}
// Methodes :
function MenuDeroulant_NbrRubriques() {
return (this.rubs.length-1);
}
//
function MenuDeroulant_AfficheToi() {
this.affiche_header(this.origine_x, this.origine_y);
for(var i=1; i<=this.nbr_rubriques(); i++) {
// Init de certaines variables de la rubrique :
this.rubs[i].origine_y_menu = 0; //this.origine_y;
this.rubs[i].origine_x_menu = 0; //this.origine_x;
this.rubs[i].web_path_design_menu = this.web_path_design;
// Affichage de la rubrique :
this.rubs[i].affiche_toi();
}
this.affiche_footer();
// Init des layers HTML :
this.init_layers();
// Init des opacites des layers :
for(var i=1; i<=this.nbr_rubriques(); i++) {
this.rubs[i].layer.setOpacity(85); //99
// 99 au lieu de 100 pour eviter bug clignotement
this.rubs[i].layer_sr.setOpacity(0);
}
}
//
function MenuDeroulant_CheckIfMoving() {
var is_menu_moving = false;
for(var i=1; i<=this.nbr_rubriques(); i++) {
// Cette rubrique est-t-elle en train de bouger ?
if(this.rubs[i].is_moving)
is_menu_moving = true;
}
return is_menu_moving;
}
//
function MenuDeroulant_AfficheHeader(oriX, oriY) {
var texte;
texte = '';
document.write(texte);
}
//
function MenuDeroulant_AfficheFooter() {
var texte;
texte = '
';
document.write(texte);
}
//
function MenuDeroulant_InitLayers() {
// Boucle des rubriques :
for(var i=1; i<=this.nbr_rubriques(); i++) {
this.rubs[i].layer = new Layer(this.rubs[i].id_layer);
this.rubs[i].layer_agrafes = new Layer(this.rubs[i].id_layer_agrafes);
this.rubs[i].layer_sr = new Layer(this.rubs[i].id_layer_sr);
// Classe 'Layer' definie dans js/layer.js
}
}
//
// -- Sous-classes de "MenuDeroulant" : --
//
// -- Classe "Rubrique" : --
//
function Rubrique(leTitre, laHauteur, leBgColor, leNumero, laHauteurSousrubs) {
// Init des proprietes :
this.titre = leTitre || "";
this.hauteur = laHauteur || 30; // pixels
this.hauteur_sousrubs = laHauteurSousrubs || 0; // pixels
this.bgcolor = leBgColor || "";
this.numero_ordre = leNumero || 1;
this.id_layer = 'rub_'+leNumero;
this.id_layer_agrafes = 'rub_agrafes_'+leNumero;
this.id_layer_sr = 'sousrub_'+leNumero;
this.layer; // init dans MenuDeroulant_InitLayers()
this.layer_sr; // init dans MenuDeroulant_InitLayers()
this.origine_y_menu; // init dans MenuDeroulant_AfficheToi()
this.origine_x_menu; // init dans MenuDeroulant_AfficheToi()
this.web_path_design_menu; // init dans MenuDeroulant_AfficheToi()
this.position_y_normale; // init dans Rubrique_AfficheToi()
this.is_moving = false; // la rubrique n'est pas en train de bouger.
this.sousrubs = new Array(); // liste d'objets 'SousRubrique'
// Init des methodes :
this.nbr_sousrubriques = Rubrique_NbrSousRubriques;
this.affiche_toi = Rubrique_AfficheToi;
// Methodes plutot privees :
this.affiche_tes_sousrubs = Rubrique_AfficheTesSousRubriques;
this.change_opacite_sr = Rubrique_ChangeOpaciteSousRubriques;
}
//
// Methodes :
function Rubrique_NbrSousRubriques() {
return (this.sousrubs.length-1);
}
//
function Rubrique_AfficheToi() {
var numero = this.numero_ordre;
var id_layer = this.id_layer;
var id_layer_agrafes = this.id_layer_agrafes;
var origine_y_menu = this.origine_y_menu; // pixels
var origine_x_menu= this.origine_x_menu; // pixels
var layer_height = this.hauteur; // pixels
var layer_top = origine_y_menu+layer_height*(numero-1)+2*(numero-1); // pixels
var layer_left = origine_x_menu; // pixels
var bgcolor = this.bgcolor;
var titre = this.titre;
var web_path_design = this.web_path_design_menu;
//
this.position_y_normale = layer_top;
//
var texte;
texte = '';
texte += '
 | ';
texte += '';
texte += '';
texte += '
';
texte += '
'; // Les comment. html sont *important* - les laisser.
//
document.write(texte);
//
// Afficher le pave des sous-rubriques :
this.affiche_tes_sousrubs();
}
//
function Rubrique_AfficheTesSousRubriques() {
var numero_rub = this.numero_ordre;
var liste_sousrubs = this.sousrubs;
var nbr_sousrubs = this.nbr_sousrubriques();
var id_layer = this.id_layer_sr;
var layer_height = 0; // pixels
var layer_height_max = this.hauteur_sousrubs;
var origine_y_menu = this.origine_y_menu;
var origine_x_menu = this.origine_x_menu;
var layer_rub_height = this.hauteur;
var layer_top = origine_y_menu+layer_rub_height*(numero_rub)+2*(numero_rub-1); // pixels
var layer_left = origine_x_menu; // pixels
var bgcolor = this.bgcolor;
//
var texte;
texte = '';
for(var i=1; i<=nbr_sousrubs; i++) {
lien = liste_sousrubs[i].lien;
titre = liste_sousrubs[i].titre;
texte += '
'+titre+'';
}
texte += '