menu dynamique sans cookies

Version imprimable

22/06/2006, 14h51
krolineeee

menu dynamique sans cookies

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
22/06/2006, 14h53
siddh

mettre une iframe derrière ton menu pour contourner le bug d'ie ;)
22/06/2006, 14h56
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 :?
22/06/2006, 15h11
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
22/06/2006, 15h28
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
22/06/2006, 15h40
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
22/06/2006, 16h02
krolineeee

alors c'est là qu'on s'amuse, parceque je ne maitrise pas trop le script du premier menu...
22/06/2006, 16h06
siddh

bha farfouille un peu sur le net, c est pas ce qui manque les menus ;)
22/06/2006, 16h14
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..:D

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:

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";
}

22/06/2006, 16h31
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.
22/06/2006, 17h20
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?
22/06/2006, 17h43
siddh

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