Bom galera, tenho um menu que ao clicar com o botão direito ele se abre em uma DIV. Tudo ocorre dentro de uma TR (linha) de uma tabela.
Minha dúvida e a seguinte. Tenho uma tabela com várias TR, e cada umas delas recebem uma ID.
E tenho várias DIV e cada uma delas recebe uma ID igual ao da TR.
Preciso que o javascript abra e DIV com o mesmo ID da TR. Exemplo:
Ao clicar com botão direito na tr id="1" a div class="menu_pai" id="1" se abre.
Bom segue o código ate onde eu cheguei com a ajuda do pessoal:
document.oncontextmenu = function () {
return false;
};
$("tr").mousedown(function (e) {
// Define a posição do menu
$('.menu_pai').css({
"margin-left": e.clientX,
"margin-top": e.clientY
}).show();
// Exibe o menu
if (e.button === 2) {
$(".menu_pai").show();
} else {
$(".menu_pai").hide();
}
});
.menu_pai{
display: none;
}
<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
<table width="100%" border="1" >
<tr id="1">
<td>ID:1</td>
<td>Nome</td>
<td>Idade</td>
</tr>
<tr id="2">
<td>ID:2</td>
<td>Nome</td>
<td>Idade</td>
</tr>
<tr id="3">
<td>ID:3</td>
<td>Nome</td>
<td>Idade</td>
</tr>
</table>
<div class="menu_pai" id="1">
<div class="menu">
link 1
</div>
</div>
<div class="menu_pai" id="2">
<div class="menu">
link 2
</div>
</div>
<div class="menu_pai" id="3">
<div class="menu">
link 3
</div>
</div>