Skip to main content

abrir Abrir uma div de acordo com sua ID

Bom galera, tenhoTenho um menu que, ao clicar com o botão direito, ele se abre em uma DIVDIV. Tudo ocorre dentro de uma TR tr (linha) de uma tabelatable.

Minha dúvida e a seguinte. TenhoMeu problema é o seguinte, tenho uma tabelatable com várias TRtr, e cada umas delas recebem uma IDID.

E E tenho também, várias DIV ediv sendo que cada uma delas recebe uma IDID igual ao da TRtr.

Preciso Preciso que o javascriptjavascript abra e DIVa DIV com o mesmo ID da TRTR. Exemplo:

Exemplo:

Ao clicar com botão direito na tr id="1"tr id="1" a div class="menu_pai" id="1"div class="menu_pai" id="1" se abre.

Bom segue o código ate onde eu cheguei com a ajuda do pessoal:Código atual:

abrir uma div de acordo com sua ID

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:

Abrir uma div de acordo com sua ID

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 table.

Meu problema é o seguinte, tenho uma table com várias tr, e cada umas delas recebem uma ID. E tenho também, várias div sendo que cada uma delas recebe uma ID igual ao da tr. Preciso que o javascript abra a 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.

Código atual:

adicionou 4 caracteres ao conteúdo
Fonte Link
Hugo Borges
  • 5,4mil
  • 12
  • 58
  • 117

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 javajavascript 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>

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 java 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>

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>

removeu 13 caracteres do conteúdo
Fonte Link
Hugo Borges
  • 5,4mil
  • 12
  • 58
  • 117

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 java abra e DIV com o mesmo ID da TR. Exemplo:

Ao clicar com botão direito na a setr 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>

Bom galera, tenho um menu que ao clicar com o botão direito ele se abre em uma DIV. Tudo ocorre dentro de uma  (linha) de uma tabela.

Minha dúvida e a seguinte. Tenho uma tabela com várias , e cada umas delas recebem uma ID.

E tenho várias DIV e cada uma delas recebe uma ID igual ao da .

Preciso que o java abra e DIV com o mesmo ID da . Exemplo:

Ao clicar com botão direito na a 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>

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 java 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>

Fonte Link
Hugo Borges
  • 5,4mil
  • 12
  • 58
  • 117
Carregando