Discussion :

[krolineeee]

Bonjour,

Je recherche une solution efficace pour un menu dynamique.

J'ai testé le menu du style "menu démarrer" de windows, seulement avec le bug IE lié aux select, j'ai du changer d'idée.
J'ai tenté de faire une version 'arborescence windows' qui s'ouvre et se ferme grace à javascript seulement quand ma page se rafraichit, le menu se referme... et là ça coince car le but est qu'il reste ouvert.

Vous allez me dire... "Et les cookies alors ?" et je vous répondrais que le cahier des charges stipule que je ne dois pas utiliser de cookies.

Alors si certains voient une autre idée...

Merci à tous

[siddh]

mettre une iframe derrière ton menu pour contourner le bug d'ie

[krolineeee]

Oui celà aurait pu etre une idée, seulement je suis chargée de refaire l'intranet car l'intranet actuel (avec frame et iframe) pause des problème, donc en plus de ne pas avoir de cookies, il ne faut pas de frame et iframe...
et là je sèche

[siddh]

ben la c est une iframe qu'on voit pas, elle est juste derriere le dive ou le ul du menu car elle sert a masquer le select qui pourrait etre dessous

[krolineeee]

ok mais je ne pige pas trop le fonctionnement, l'iframe "apparait" suite à un évènement du style onMouseOver?

Parceque pour contourner le Bug IE, on m'a dit de faire une fonction qui cache les select, mais là ça clignote de partout c'est vraiment moche

[siddh]

non c est dans la fonction qui affiche le menu, tu ajoutes une iframe avec un createElement suivi d'un appendChild et tu lui met une position absolute avec coordonnées de ton menu et un z-index plus petit que ton menu

[krolineeee]

alors c'est là qu'on s'amuse, parceque je ne maitrise pas trop le script du premier menu...

[siddh]

bha farfouille un peu sur le net, c est pas ce qui manque les menus

[krolineeee]

oui je suis déja passer par cette étape, ensuite j'ai du adapter mes donner aux scripts trouvés car la création du menu varie en fonction de chaque login et des autorisations qui lui sont données.

Voilà j'ai donc un menu qui s'affiche et qui fonctionne "presque" bien, je vais donc farfouiller dans le code pour trouver où placer l'iframe, et c'est là que je vais rire..

[krolineeee]

Je pense que c'est dans cette fonction que je dois mettre la création de l'iframe, mais une question me tarode, à quel moment je la crée, avant l'affichage ou apres? où bien ça n'a aucune incidence ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
function AffMenu(Level,Num){
	var i,ColorOut,ColorOver,img;
	ColorOut=(Level)?SMOut:MOut;
	ColorOver=(Level)?SMOver:MOver;
	img=(Level)?SMimg:Mimg;
	var haut = Hauteur;
	document.getElementById("ListeLvl"+Level).style.top=Num*haut+DivTop;
	Affichage="";
	if(this.State>0){
		Affichage='<table class=\'menu\' bgColor='+ColorOut+' cellpadding=0 cellspacing=0 border=0 id=\"menuJs\" >';
		for(i=0;i<this.nb;i++){
			Affichage+='<tr border=0 bgColor=\'';
			Affichage+=this.SMenu[i].State>0?ColorOver:ColorOut;
			Affichage+='\' ';
			Affichage+='onMouseOut=\''+this.SMenu[i].ID+'.State>0?this.setAttribute("bgColor","'+ColorOver+'"):this.setAttribute("bgColor","'+ColorOut+'");';
			Affichage+=Timer?'Time=setTimeout("'+Open.substring(0,LgID)+'.AffB(0,0)",'+Timer+')\' ':'\' ';
			Affichage+='onMouseOver=\'this.setAttribute("bgColor","'+ColorOver+'");';
			Affichage+=Timer?'clearTimeout(Time);':'';
			Affichage+=this.SMenu[i].Lvl(0)?this.SMenu[i].ID+'.AffB('+(Level+1)+','+(Num+i)+')\' ':'\' ';
			Affichage+='><td width='+(Largeur-12)+' height='+Hauteur+' nowrap>';
			Affichage+=this.SMenu[i].Titre;
			Affichage+='</td><td width=10 valign=center>';
			Affichage+=this.SMenu[i].nb?img:'';
			Affichage+='</td></tr>';
		}
		Affichage+='</table>';
	}
	document.getElementById("ListeLvl"+Level).innerHTML=Affichage;
	document.getElementById("ListeLvl"+Level).style.visibility="visible";
}

[siddh]

tu peux la créer quand tu veux mais quand tu vas lui affecter les proprietes de style, il faudra récupérer celles du menu pour lui affecter donc pour ca faudra le faire a la fin de la methode apres qu'il soit visible.

[krolineeee]

Question qui je pense va vous parraitre bete,
je récupère le style de mon element ainsi
stylus = document.getElementById("ListeLvl"+Level).style;

et si j'affiche stylus j'obtiens : Object CSSStyleDeclaration

Que faire avec cela?

[siddh]

ben faut récupérer juste les elements interressant, genre largeur, longueur, coordonnées x et y (regardes la faq pour ça)