Menu accordeon de dezinerfolio

Version imprimable

22/08/2008, 17h53
Justone22

Menu accordeon de dezinerfolio

Bonjour.

J'utilise sur mon site le menu accordéon que j'ai téléchargé ici: http://www.dezinerfolio.com/2007/07/...pt-accordions/

Je l'est modifié pour l'adapter à mon site mais j'ai un petit problème que je n'arrive pas à résoudre. En temps normal, au chargement de la page, la première rubrique du menu déroulant est censé s'ouvrir automatiquement. Malheureusement ce n'est pas les cas pour moi...

Voiçi l'adresse de mon site: http://archers-du-papegault.123.fr/

Vous pouvez regarder la source pour trouver le menu (ça fera trop de code si je le met), le menu comment à la div id="menu_gauche".

Voilà, j'espère qu'il ya une chance de régler ce problème car ça fais moche quand ça s'ouvre pas automatiquement.

Et au passage, au chargement de la page, c'est normal que tout le menu soit déroulé? C'est du au chargement ou c'est un bug?

Ciaô
05/02/2009, 00h55
Jbelina

Une solution ?

Bonsoir,

Cela fait déjà qq mois que le post est ouvert... mais bon on ne sais jamais ;)

Je suis allez voir le site mais apparement vous avez abandonné l'idée du menu accordéon de deziner folio ... :cry

J'ai voudrais ausssi l'utiliser pour un site mais j'avoue que la j'ai plus trop de solution ! Surtout avec le menu associé a web creator é a mon inexpérience en javascript ca fait pas bon menage :D

Chez moi aussi le menu est déroulé pdt meme pas une seconde au chargement (Avec Internet Explorer) ! Je me demandais aussi si c'étais normal !

Sous Mozilla Firefox :

- Il s'affiche entièrement déroulé !
- Aucune cellule ne réagit au passage de la souris (aucun changement de
couleur txt et fond...)
- Il s'affiche plus large que prévu d'une dizaine de pixel vers la droite (Par
rapport a Internet explorer et ce qui est affiché en mode prévisualisation de
Web Creator)

Avec Internet Explorer :

- Il s'affiche déroulé au chargement meme pas une seconde puis enroulé...
- Lorsque l'on clique sur le premier et le second titre le menu se déroule
normalement mais toujours pas de réaction au survol de la souris)
- Au troisième titre le menu saute ^^ il fait que de s'ouvrir et se fermer
- Lorsque l'on clique sur le 4ème titre la vitesse accélère encore....

Voici la page ou édité et publié le menu accordéon :
<code> http://www.ses-automation.fr/pages/d...on_gazpag.html </code>

Ici tel qu'il devrais être :
<code> http://www.ses-automation.fr/pages/TEST.html </code>

Les codes je les met pas non plus :lol: sinon on comprendra plus rien mais si quelqu'un les veut faite le savoir :yaisse2:

En espérant que quelqu'un a trouver une solution entre temps :lol:

Je me permet de proposer une solution ALTERNATIVE , c'est a dire que le script fonctionne mais est perfectible :) mieux un long discours :

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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<title>Untitled Document</title>
		<style type="text/css">
			#menuAcc li{
				border:1px solid #666;
				width:150px;
				height:13px;
				overflow:hidden;
				padding:0px;
			}
			#menuAcc li h6{
				padding:0px;
				margin:0px;
			}
		</style>
		<script type="text/javascript">
			var ulCurrent = null;
			var animTimerOpen = null;
			var animTimerClose = null;
			var quotient = 0.2;
			var isOpen = null;
			var IsMinHeight = true;
 
			function openMenu(element){
				clearInterval(animTimerOpen);
				ulCurrent = element.parentNode;
				var heightLink = element.offsetHeight;
				var heightDiv = element.parentNode.getElementsByTagName('div')[0].offsetHeight;
				animTimerOpen = setInterval(function(){
					Expand(heightDiv+heightLink,heightLink)
					}, 25);
				}
 
 
			function Expand(MaxHeight,minHeight){
				var IsMaxHeight = false;
				if(parseInt(ulCurrent.offsetHeight)< MaxHeight){
					ulCurrent.style.height = parseInt(ulCurrent.offsetHeight) + 5 + 'px'; 
				}
				else if(!IsMaxHeight){
					IsMaxHeight = true;
				}
 
				if (isOpen != null) {
					if (parseInt(isOpen.offsetHeight) > minHeight) {
						IsMinHeight = false;
						isOpen.style.height = parseInt(isOpen.offsetHeight) - 9 + 'px';
					}
					else 
						if (!IsMinHeight) {
							IsMinHeight = true;
					}
				}
				if(IsMaxHeight && IsMinHeight){
					clearInterval(animTimerOpen);
					ulCurrent.style.height = MaxHeight + "px";
					if (isOpen != null) {
						isOpen.style.height = minHeight + 2 + "px";
					}
					isOpen = ulCurrent;
					quotient = 0.2 ;
				}
			}
		</script>
	</head>
	<body>
		<ul id="menuAcc">
			<li><h6 onclick="openMenu(this);">menu 1</h6>
				<div>et la tout le contenu <br />
	  				 et la tout le contenu <br />
					 et la tout le contenu <br />
					 et la tout le contenu <br />
					 et la tout le contenu <br />
 
				</div>
			</li>
			<li><h6 onclick="openMenu(this);">menu 1</h6>
				<div>et la tout le contenu <br />
	  				 et la tout le contenu <br />
					 et la tout le contenu <br />
					 et la tout le contenu <br />
					 et la tout le contenu <br />
				</div>
			</li>
			<li><h6 onclick="openMenu(this);">menu 1</h6>
				<div>et la tout le contenu <br />
	  				 et la tout le contenu <br />
					 et la tout le contenu <br />
					 et la tout le contenu <br />
					 et la tout le contenu <br />
				</div>
			</li>
			<li><h6 onclick="openMenu(this);">menu 1</h6>
				<div>et la tout le contenu <br />
	  				 et la tout le contenu <br />
					 et la tout le contenu <br />
					 et la tout le contenu <br />
					 et la tout le contenu <br />
				</div>
			</li>
			<li><h6 onclick="openMenu(this);">menu 1</h6>
				<div>et la tout le contenu <br />
	  				 et la tout le contenu <br />
					 et la tout le contenu <br />
					 et la tout le contenu <br />
					 et la tout le contenu <br />
				</div>
			</li>			
		</ul>
	</body>
</html>

16/02/2009, 16h23
Jbelina

Bonjour,

Tout d'abord merci d'avoir répondu !

J'étais en déplacement et je viens de voir votre réponse a l'instant.

Mon code bugait ! Je vais essayer le votre sur web creator de se pas !

Je reviendrais pour vous dire ce qu'il en est ensuite... Et si cela fonctionne je mettrais évidemment la balise "Résolu" :D
16/02/2009, 16h28
le_chomeur

plutot que sur web editor , un simple copier/coller dans notepad fera l'affaire ;)