Discussion :

[madd63]

Bonjour,

je désirerais intégrer ce plugin a mon projet.

Malgres la même architecture DOM je n'arrive pas à le faire fonctionner correctement.

L'exemple fonctionne sur ce DOM :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<div id="myList">
	<ul>
		<li>Item 1</li>
		<li>Item 2</li>
		<li>Item 3</li>
		<li>Item 4</li>
		<li>Item 5</li>
		<li>Item 6</li>
	</ul>
</div>

Appel du plugin :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
$("#myList UL LI").contextMenu({
	menu: 'myMenu'
}, function(action, el, pos) {
	alert(
		'Action: ' + action + '\n\n' +
		'Element text: ' + $(el).text() + '\n\n' + 
		'X: ' + pos.x + '  Y: ' + pos.y + ' (relative to element)\n\n' + 
		'X: ' + pos.docX + '  Y: ' + pos.docY+ ' (relative to document)'
		);
});

Mon DOM :

Code :

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

1
2
3
4
5
6
7
8
9
 
<div id="browserServ" class="browserServ">
     <ul class="jqueryFileTree" style="">
           <li class="directory collapsed">dossier1</li>
           <li class="directory collapsed">dossier2</li>
           <li class="directory collapsed">dossier3</li>
           <li class="directory collapsed">dossier4</li>
      </ul>
</div>

Mon appel :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
$("#browserServ UL LI ").contextMenu({
     menu: "myMenu"
},
function(action, el, pos) {
     alert(
            "Action: " + action + "\n\n" +
             "Element ID: " + $(el).attr("id") + "\n\n" +
              "X: " + pos.x + "  Y: " + pos.y + " (relative to element)\n\n" +
              "X: " + pos.docX + "  Y: " + pos.docY+ " (relative to document)"
             );
});

Cependant, lorsque mon appel contient le UL LI, le plugin ne s'active pas mais si mon appel ne contien que l'id de ma div ( $("#browserServ).contextMenu(...); ) le plugin s'active bien mais je n'ai pas accès a l'ID de l’élément sur lequel j'ai cliqué .

J'ai essayé d'être le plus clair possible ( même si ce post me semble pas clair du tout ! ^^ )

merci d'avance pour votre aide.

[x-zolezzi]

Si j'ai bien compris, lorsque tu enlèves UL LI de ton sélecteur le plugin fonctionne sauf que tu n'arrives pas à obtenir l'id de l'élément cliquer ?

Est-ce que ton code est en ligne, pour que je puisse voir ?

Essai avec firebug pour savoir quels sont les éléments que tu as.

Essai de remplacer $(el).attr("id") par $(this).attr('id')

[madd63]

Désolé, je n'avais pas vu t'as réponse.

oui c'est bien cela, et logiquement, lorsque j’enlève le UL LI, je récupère la div sur laquel j'ai cliqué ( sans grand intérêt )
je ne peux pas le mettre en ligne pour le moment, mais si tu as un peu de temps, je peux te share mon ecran.

j'ai eu un problème avec ce plugin, j'ai essayé cette fois de le mettre sur un UL ( ailleurs, rien a voir avec celui la ), et encore une fois , ça marche quand je le fais dans l'exemple et ça marche pas quand je l’intègres... je ne comprend pas vraiment les différences...

Merci d'avoir pris le temps de me répondre

[x-zolezzi]

Es ce que tu pourrai mettre en ligne les deux versions (avec UL LI et sans) comme ça je peux regarder ?

[madd63]

Bas le code avec le UL LI est un dans le premier message

et le deuxième :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
$("#uploadList").contextMenu({
      menu: "listMenu"
},
      function(action, el, pos) {
          alert(
              "Action: " + action + "\n\n" +
              "Element ID: " + $(el).attr("id") + "\n\n" +
              "X: " + pos.x + "  Y: " + pos.y + " (relative to element)\n\n" +
              "X: " + pos.docX + "  Y: " + pos.docY+ " (relative to document)"
           );
       });

je vois sincèrement pas de différence entre ce qu'ils proposent et ce que je met. :s

[x-zolezzi]

Le menu s'ouvre sur le deuxième code ?