Bonjour à tous,
j'espère trouver ici une solution à mon problème...
J'utilise le plugin contextMenu de jQuery sur sur un tableau (un agenda). Jusque là tout va bien. Je voudrais que lorsque l'on clique droit sur les div contenu dans les cellules du tableau, on ait le menu contextuel 1 (myMenu), et lorsque l'on clique sur une cellule on ait le menu contextuel 2 (myMenu2).
Problème: lorsque je fais un clic droit sur les div, j'ai "myMenu2" qui s'affiche...
Je voudrais que lorsqu'on clique hors de la div ceci apparaisse:
Quand on clique sur la div:
Si vous avez des pistes ou solutions je suis preneur avec grand plaisir
Merci d'avance.
j'espère trouver ici une solution à mon problème...

J'utilise le plugin contextMenu de jQuery sur sur un tableau (un agenda). Jusque là tout va bien. Je voudrais que lorsque l'on clique droit sur les div contenu dans les cellules du tableau, on ait le menu contextuel 1 (myMenu), et lorsque l'on clique sur une cellule on ait le menu contextuel 2 (myMenu2).
Problème: lorsque je fais un clic droit sur les div, j'ai "myMenu2" qui s'affiche...
Je voudrais que lorsqu'on clique hors de la div ceci apparaisse:
Quand on clique sur la div:
$(document).ready( function() {
// Show menu when .td is clicked
$(".dropable").contextMenu({
menu: 'myMenu2'
},
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)'
);
});
// Show menu when .contextmenu is clicked
$(".contextmenu").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)'
);
});
<table id="table1">
<tr>
<td class="forbid">Lundi</td>
<td class="forbid">Mardi</td>
<td class="forbid">Mercredi</td>
<td class="forbid">Jeudi</td>
<td class="forbid">Vendredi</td>
</tr>
<tr>
<td class="dropable"><div class="drag t1"><div class="contextmenu" id="bloc1">Reunion</div></div></td>
<td class="dropable"></td>
<td class="dropable"><div class="drag t1"><div class="contextmenu" id="bloc2">Anniversaire</div></div></td>
<td class="dropable"><div class="drag t1"><div class="contextmenu" id="bloc3">Conges</div></div></td>
<td class="dropable"></td>
</tr>
</table>
Si vous avez des pistes ou solutions je suis preneur avec grand plaisir

Merci d'avance.