|
Clées
|
Description
|
Valeurs acceptées
|
Valeur par défault
|
|
|
|
Général
|
|
width
|
Largeur horizontale d'un item dans un sous-menu en pixels
|
Un nombre positif
|
aucun
|
|
height
|
Hauteur verticale d'un item dans un sous-menu en pixels
|
Un nombre positif
|
aucun
|
|
top
|
Différence verticale en pixels entre les items d'un même niveau
|
Un nombre positif
|
aucun
|
|
left
|
Différence horizontale en pixels entre items d'un même niveau
|
Un nombre positif
|
aucun
|
|
block_top
|
Positionnement horizontal du coin supérieur gauche en pixels d'un block menu. Pour le positionnement du menu par rapport à l'écran ou d'un sous menu par rapport au menu supérieur.
|
Un nombre positif
|
aucun
|
|
block_left
|
Positionnement vertical du coin supérieur gauche en pixels d'un block menu. Pour le positionnement du menu par rapport à l'écran ou d'un sous menu par rapport au menu supérieur.
|
Un nombre positif
|
aucun
|
|
Délais
|
|
expd_delay
|
Un délai avant l'ouverture de bloc menu ou item quand la souris passe au-dessus de l'item.
|
Un nombre positif ou rien
|
0
|
|
hide_delay
|
Un délai avant la fermeture de bloc menu ou item après que la souris ai quitté la zone du menu ou de l'item.
|
Un nombre positif ou rien
|
0
|
|
Styles
|
|
css
|
Un bloc de style CSS
|
|
Aucun style
|
|
|
outer
|
Définir dans le fichier default.css. De 1 à 3 éléments suivants : [mouseout, mouseover, mousedown]. Outer est pour la coquille extérieur d'un item menu.
|
Un maximum de trois définitions de classe CSS
|
Aucun style(s)
|
|
inner
|
Définir dans le fichier default.css. De 1 à 3 éléments suivants : [mouseout, mouseover, mousedown]. Inner est pour l'intérieure de la coquille d'un item menu.
|
Un maximum de trois définitions de classe CSS
|
Aucun style(s)
|
|
Fichier menu_tpl1.js :
var MENU_POS1 = [
{'height': 24,
'width': 125,
'block_top': 185,
'block_left': 0,
'top': 0,
'left': 125,
'hide_delay': 200,
'expd_delay': 10,
'css' : {
'outer' : ['m0l0oout', 'm0l0oover' , 'menu0downo'],
'inner' : ['m0l0iout', 'm0l0iover' ,'m0l0odown']
}
},
{
'width': 190,
'block_top': 25,
'block_left': 0,
'top': 25,
'left': 0
},
{
'block_top': 0,
'block_left': 180
}
]
Pour positionner le menu relatif à la grandeur de l'écran telque mettre le menu dans le milieu de l'écran qu'importe l'écran de l'usager utiliser cette routine et la mettre au début du fichier menu_tpl1.js
var winW = 630, winH = 460;
if (parseInt(navigator.appVersion)>3) {
if (navigator.appName=="Netscape") {
winW = window.innerWidth;
winH = window.innerHeight;
}
if (navigator.appName.indexOf("Microsoft")!=-1) {
winW = document.body.offsetWidth;
winH = document.body.offsetHeight;
}
}
if (winW < 780) { winW = 800 }
|