Clic droit et choix menu contextuel

**seb-65** · 23/07/2012, 14h39

Bonjour,

Dans ma page, j'ai besoin d'afficher un menu contextuel différent suivant l'élément cliqué. Mes éléments se trouve dans une table html :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<div id="content"> 
<table>
<tr><td valign="top"><a href="456/"><img src="0001.png" width="8" height="8" /></a></td><td><a href="456/">456/</a></td><td align="right">22-Jul-2012 22:54  </td><td align="right">  - </td></tr>
<tr><td valign="top"><a href="123/"><img src="0002.png" width="8" height="8" /></a></td><td><a href="123/">123/</a></td><td align="right">21-Jul-2012 18:44  </td><td align="right">  - </td></tr>
<tr><td valign="top"><a href="456/"><img src="0004.png" width="8" height="8" /></a></td><td><a href="test_1.txt">456/</a></td><td align="right">22-Jul-2012 14:54  </td><td align="right">  - </td></tr>
<tr><td valign="top"><a href="123/"><img src="0002.png" width="8" height="8" /></a></td><td><a href="test_2.txt">123/</a></td><td align="right">22-Jul-2012 14:48  </td><td align="right">  - </td></tr>
<tr><td valign="top"><a href="789"><img src="0001.png" width="8" height="8" /></a></td><td><a href="789">789</a></td><td>14-Jul-2012 12:04</td><td align="right">  - </td></tr>
</table>
</div>

Je voudrais afficher un menu contextuel pour les fichiers *.txt, j'ai un début de code qui ne fonctionne pas correctement, le menu contextuel n'est pas correctement sélectionné :

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
 
$("#content table tr td").rightClick(function(e) {
 
	var fileName = $(this).text();
	if (fileName.substring(fileName.lastIndexOf('.') + 1) == 'txt') {
		$("#content table tr td").contextMenu({
			menu: 'Menu1'
		},
		function(Action, el) {
 
			MyElement = $(el).text()
 
			if (Action == 'info') {
				alert('info choisi');
			}
		}
		);
 
	} else {
		$("#content table tr td").contextMenu({
			menu: 'Menu'
		},
		function(Action, el) {
 
			MyElement = $(el).text()
 
			if (Action == 'action1') {
				alert('action1 choisi');
			}
			else if (Action == 'action2') {
				alert('action2 choisi');
			}
			else {
				alert('action autre choisi');
			}
 
		}
		);
 
	}
});

De plus quel est le meilleur moyen de détecter le clic droit de la souris avec JQuery ????

Pour activer le menu contextuel, je suis OBLIGE de cliquer droit DEUX fois avant que le menu s'active

Donc pas fonctionnel du tout