Discussion :

[kami-no-ryuu]

Bien le bonjour a vous.

Je suis en train de coder un menu en JS , qui lorsque l'on survole sur une partie du menu, ses sous menu s'affichent dans une div, tout sa semblait plutôt simple, voir très simple sauf que je me heurte a un petit soucis, lorsque je crée l'appel de la fonction qui s'en occupe, elle est contenue dans une boucle, qui l'appel donc X fois selon les trucs présent dans le menu, j'aurai besoin de récupéré la valeur du "i" de cette boucle utilisé lors de la création de l'appel, mais évidement c'est impossible vu qu'elle n'aura que la valeur du nombre total de tour de la boucle.

Comment faire donc pour moi savoir le quel est survolé ? (de façon numérique, le premier, le deuxième, troisième etc) j'ai même tenté de passer les nombre dans le même div mais les mettre en display none pour moi pouvoir les récupéré mais qu'il ne soit pas affiché, seul soucis quand je les récupère la balise est vide ...(je les récupère avec un lastChild)

Voici le code actuel :

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
function displayPics() 
{ 
var prelien = document.getElementById('menuDeroulant') ; 
 
    var lienst = prelien.getElementsByClassName('Menu_premier'); 
 
 
 
    for (var i = 0 ; i < lienst.length ; ++i) { 
 
        lienst[i].onmouseover = function() { 
		var truc = this.childNodes;
 
		alert(truc['0'].data);
 
			document.getElementById('contenu_bar').innerHTML = document.getElementById('sousMenu3').innerHTML;
            return false; 
 
        }; 
 
 
 
    }
 
} 
window.onload = displayPics;

e récupère ici "sousMenu3" mais évidement selon la valeur, se serais sousmenu1,2 etc.


Voilà merci d'avance a ceux qui participerons au sujet =) .

[Invité]

slt

jsais bien que t'es allemand, mais t'es incompréhensible.

lorsque je crée l'appel de la fonction qui s'en occupe, elle est contenue dans une boucle

la fonction qui s'occupe de quoi?

qui l'appel donc X fois selon les trucs présent dans le menu

C'est qui qui appèle cette fonction

j'aurai besoin de récupéré la valeur du "i" de cette boucle utilisé lors de la création de l'appel

dans une boucle de variable i, la valeur de i, c'est i.

, mais évidement c'est impossible vu qu'elle n'aura que la valeur du nombre total de tour de la boucle.

c'est qui elle.

Comment faire donc pour moi savoir le quel est survolé ?

Tu aurais du commencer par ca. Et encore une fois, c'est quoi le quel?

(de façon numérique, le premier, le deuxième, troisième etc) j'ai même tenté de passer les nombre dans le même div mais les mettre en display none pour moi pouvoir les récupéré mais qu'il ne soit pas affiché, seul soucis quand je les récupère la balise est vide ...(je les récupère avec un lastChild)

On voit que t'as fait un effort de réflexion, mais ca nous apporte rien si on te comprend pas.

[Invité]

Code :

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

1
2
3
4
5
6
lienst[i].onmouseover = function() { 
		var truc = this.childNodes;
 		alert(truc['0'].data);
 			document.getElementById('contenu_bar').innerHTML = document.getElementById('sousMenu3').innerHTML;
            return false; 
        };

et enfin, en supposant que si pour un lien donné du menu
Pour ce lien il y a des sous menus
au survol de ce lien
tu veux afficher ses sous menus associés dans un div, alors

Code :

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

1
2
3
4
5
6
liens[i].onmouseover=(function(menuHovered){
 return function(){
  var leContenu='';//recuperer les fils de menuHovered  
  tondiv.innerHTML = leContenu
 };
})(liens[i]);

[kami-no-ryuu]

Je ne suis pas exactement allemand, mais plutôt belge =) (mêmes couleurs mais pas même orientation) .

Alors pour incompréhension, j'avoue que j'ai posté en coup de vent je devais partir je n'ai donc que relu "vite fait", toutes mes excuses si c'était pas très français.

Pour l architecture du menu, voici (pour être certain qu'on se comprend Bien sûr le soucis):

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
32
33
34
35
36
37
38
39
40
41
42
43
44
 
<div id="menu">
 
			<ul id="menuDeroulant">
 
		<li>
			<a href="index.php" >Accueil</a><div style="display:none;" id="Valeur">1</div>
			<ul id="sousMenu1">
 
			</ul>
		</li>
 
		<li>
		<div class="Menu_premier">
			<a href="ref.php">référence</a><strong style="display:none;" id="Valeur">2</strong>
			</div>
			<ul id="sousMenu2">
 
			</ul>
		</li>
 
		<li><div class="Menu_premier">
			<a href="Actu.php?T=truc-2>Truc 2</a><div style="display:none;" id="Valeur"><strong>3</strong></div>
			</div>
			<div class="sousMenu">
			<ul id="sousMenu3">
				<li><a href="Tag_.php?Tag=PV">PV</a></li>
				<li><a href="Tag_.php?Tag=Annonce">Annonce</a></li>
 
			</ul>
			</div>
		</li>
		<li><div class="Menu_premier">
			<a href="Actu.php?T=truc-3">Truc 3</a><div style="display:none;" id="Valeur">4</div>
			</div>
			<div class="sousMenu">
			<ul id="sousMenu4">			      
				<li><a href="Tag_.php?Tag=Oricon">Top 10 Oricon</a></li>
				<li><a href="#">Annonce</a></li>
 
			</ul>
			</div>
 
//etc.....

Pour les nombres dans les balises '<strong>' c'était pour moi récupérer une valeur vu que je n'y arrivais pas avec le JS, mais étrangement je n'ai pas su les récupérer, mais de toute façon ca semblait pas super propre comme technique.

Pour faire simple, (et clair je l'espère cette fois-ci) je dois donc savoir si j'ai cliqué sur le premier, le deuxième, le troisième etc pour récupérer le "sousmenuX" (accueil = 0, référence = 1, etc)

voilà pour l'explication (j'aurai dû commencer avec l'exemple du menu)

Pour le code fourni, en faisant ca je récupère la valeur du i selon le lien pointé ?

Merci de ta participation à la résolution de mon problème.

[Willpower]

Ceci :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
for (var i = 0 ; i < lienst.length ; ++i) { 
	(function(i){
		lienst[i].onmouseover = function() { 
			var truc = this.childNodes;
			alert(truc['0'].data);
			alert(i); // <-- indice souhaité ^^
			document.getElementById('contenu_bar').innerHTML = document.getElementById('sousMenu3').innerHTML;
			return false; 
		}; 
	})(i);
}

devrait faire ton bonheur.

[NoSmoking]

Bonsoir,
il existe également dans la Comment attribuer à des objets un onclick faisant appel à une variable de boucle ?

[Willpower]

Bonsoir,
il existe également dans la Comment attribuer à des objets un onclick faisant appel à une variable de boucle ?

l'encapsulation n'est-elle pas plus propre ?

[kami-no-ryuu]

Effectivement ca fonctionne, l'exemple plus haut était bon aussi juste que j’avais pas bien compris pourquoi lien au lieu de i donc je n'ai pas penser a adapter.


Et bien grand merci a vous deux, ca m'est vraiment d'une grande aide ! =) .

Encore merci.