Skip to main content

Estou tentando fazer o seguinte: Tenho um looping vindo do banco de dados, quando.
Quando clico em um botão de um dos resultados, queria fazer aparecer uma div em fadeIn, mas.
Acontece que quando clico em um, a div aparece em todos.

<div class="bloco_white_middle shadow user">
        <div class="bl_conf_user j_conf">
            <p class="block_username">Excluir o Usuário(a) <b>Leandro?</b></p>
            <div class="block_buttons">
            <a href="usuario_listar.php?acao=excluir&id=1" title="Desativar Usuário" class="btn_middle_icon btn_aprovar" style="margin-right:5px;"><div class="icon-ok"></div>Sim</a>
            <a href="usuario_listar.php" title="Excluir Usuário" class="btn_middle_icon btn_excluir" id="btn_no"><div class="icon-remove"></div>Não</a>
            </div>
        </div>
        <strong>Nome:</strong> <em>Leandro</em>
        <p style="margin-top:6px;"><strong>Data registro:</strong> <em>10/05/2013</em></p>
        <p style="margin-top:6px;"><strong>Último acesso:</strong> <em>12/12/2013</em></p>
        <p style="margin-top:6px;"><strong>Acesso:</strong><em>Usuário</em></p>
        <a href="usuario_listar.php?acao=desativar&id=1" title="Desativar Usuário" class="btn_middle_icon btn_aprovar" style="margin-right:5px;"><div class="icon-ok"></div>Ativo</a>';
        <a href="usuario_listar.php?acao=excluir&id=1" title="Excluir Usuário" class="btn_middle_icon btn_excluir" style="margin-right:10px;" id="btn_exc"><div class="icon-trash"></div>Excluir</a>
    </div>
<div class="bloco_white_middle shadow user">
   <div class="bl_conf_user j_conf">
     <p class="block_username">
        Excluir o Usuário(a) <b>Leandro?</b>
     </p>
     <div class="block_buttons">
        <a href="usuario_listar.php?acao=excluir&id=1" title="Desativar Usuário" class="btn_middle_icon btn_aprovar" style="margin-right:5px;">
           <div class="icon-ok"></div>Sim
        </a>
        <a href="usuario_listar.php" title="Excluir Usuário" class="btn_middle_icon btn_excluir" id="btn_no">
           <div class="icon-remove"></div>Não
        </a>
     </div>
   </div>
   <strong>Nome:</strong> <em>Leandro</em>
   <p style="margin-top:6px;">
      <strong>Data registro:</strong> <em>10/05/2013</em>
   </p>
   <p style="margin-top:6px;">
      <strong>Último acesso:</strong> <em>12/12/2013</em>
   </p>
   <p style="margin-top:6px;">
      <strong>Acesso:</strong><em>Usuário</em>
   </p>
   <a href="usuario_listar.php?acao=desativar&id=1" title="Desativar Usuário" class="btn_middle_icon btn_aprovar" style="margin-right:5px;">
     <div class="icon-ok"></div>Ativo
   </a>';
   <a href="usuario_listar.php?acao=excluir&id=1" title="Excluir Usuário" class="btn_middle_icon btn_excluir" style="margin-right:10px;" id="btn_exc">
      <div class="icon-trash"></div>Excluir
   </a>
</div>

Estou tentando fazer o seguinte: Tenho um looping vindo do banco de dados, quando clico em um botão de um dos resultados, queria fazer aparecer uma div em fadeIn, mas quando clico em um, a div aparece em todos.

<div class="bloco_white_middle shadow user">
        <div class="bl_conf_user j_conf">
            <p class="block_username">Excluir o Usuário(a) <b>Leandro?</b></p>
            <div class="block_buttons">
            <a href="usuario_listar.php?acao=excluir&id=1" title="Desativar Usuário" class="btn_middle_icon btn_aprovar" style="margin-right:5px;"><div class="icon-ok"></div>Sim</a>
            <a href="usuario_listar.php" title="Excluir Usuário" class="btn_middle_icon btn_excluir" id="btn_no"><div class="icon-remove"></div>Não</a>
            </div>
        </div>
        <strong>Nome:</strong> <em>Leandro</em>
        <p style="margin-top:6px;"><strong>Data registro:</strong> <em>10/05/2013</em></p>
        <p style="margin-top:6px;"><strong>Último acesso:</strong> <em>12/12/2013</em></p>
        <p style="margin-top:6px;"><strong>Acesso:</strong><em>Usuário</em></p>
        <a href="usuario_listar.php?acao=desativar&id=1" title="Desativar Usuário" class="btn_middle_icon btn_aprovar" style="margin-right:5px;"><div class="icon-ok"></div>Ativo</a>';
        <a href="usuario_listar.php?acao=excluir&id=1" title="Excluir Usuário" class="btn_middle_icon btn_excluir" style="margin-right:10px;" id="btn_exc"><div class="icon-trash"></div>Excluir</a>
    </div>

Estou tentando fazer o seguinte: Tenho um looping vindo do banco de dados.
Quando clico em um botão de um dos resultados, queria fazer aparecer uma div em fadeIn.
Acontece que quando clico em um, a div aparece em todos.

<div class="bloco_white_middle shadow user">
   <div class="bl_conf_user j_conf">
     <p class="block_username">
        Excluir o Usuário(a) <b>Leandro?</b>
     </p>
     <div class="block_buttons">
        <a href="usuario_listar.php?acao=excluir&id=1" title="Desativar Usuário" class="btn_middle_icon btn_aprovar" style="margin-right:5px;">
           <div class="icon-ok"></div>Sim
        </a>
        <a href="usuario_listar.php" title="Excluir Usuário" class="btn_middle_icon btn_excluir" id="btn_no">
           <div class="icon-remove"></div>Não
        </a>
     </div>
   </div>
   <strong>Nome:</strong> <em>Leandro</em>
   <p style="margin-top:6px;">
      <strong>Data registro:</strong> <em>10/05/2013</em>
   </p>
   <p style="margin-top:6px;">
      <strong>Último acesso:</strong> <em>12/12/2013</em>
   </p>
   <p style="margin-top:6px;">
      <strong>Acesso:</strong><em>Usuário</em>
   </p>
   <a href="usuario_listar.php?acao=desativar&id=1" title="Desativar Usuário" class="btn_middle_icon btn_aprovar" style="margin-right:5px;">
     <div class="icon-ok"></div>Ativo
   </a>';
   <a href="usuario_listar.php?acao=excluir&id=1" title="Excluir Usuário" class="btn_middle_icon btn_excluir" style="margin-right:10px;" id="btn_exc">
      <div class="icon-trash"></div>Excluir
   </a>
</div>
added 1797 characters in body
Fonte Link
LeandroCSA
  • 59
  • 1
  • 10

Estou tentando fazer o seguinte: Tenho um looping vindo do banco de dados, quando clico em um botão de um dos resultados, queria fazer aparecer uma div em fadeIn, mas quando clico em um, a div aparece em todos.

Como faço para que ao clica na primeira div, por exemplo, apareça apenas nesta div e não em todas?

ATUALIZAÇÃO

Vamos ao código HTML, esta um pouco bagunçado:

<div class="bloco_white_middle shadow user">
        <div class="bl_conf_user j_conf">
            <p class="block_username">Excluir o Usuário(a) <b>Leandro?</b></p>
            <div class="block_buttons">
            <a href="usuario_listar.php?acao=excluir&id=1" title="Desativar Usuário" class="btn_middle_icon btn_aprovar" style="margin-right:5px;"><div class="icon-ok"></div>Sim</a>
            <a href="usuario_listar.php" title="Excluir Usuário" class="btn_middle_icon btn_excluir" id="btn_no"><div class="icon-remove"></div>Não</a>
            </div>
        </div>
        <strong>Nome:</strong> <em>Leandro</em>
        <p style="margin-top:6px;"><strong>Data registro:</strong> <em>10/05/2013</em></p>
        <p style="margin-top:6px;"><strong>Último acesso:</strong> <em>12/12/2013</em></p>
        <p style="margin-top:6px;"><strong>Acesso:</strong><em>Usuário</em></p>
        <a href="usuario_listar.php?acao=desativar&id=1" title="Desativar Usuário" class="btn_middle_icon btn_aprovar" style="margin-right:5px;"><div class="icon-ok"></div>Ativo</a>';
        <a href="usuario_listar.php?acao=excluir&id=1" title="Excluir Usuário" class="btn_middle_icon btn_excluir" style="margin-right:10px;" id="btn_exc"><div class="icon-trash"></div>Excluir</a>
    </div>

Depois, tem o código jquery:

<script type="text/javascript">
$(document).ready(function(){
    $('.j_conf').hide();
    $('#btn_exc').live('click', function() {
    $('.j_conf').fadeIn("slow");
    return false;
    });

    $('#btn_no').live('click', function() {
    $('.j_conf').fadeOut("slow");
    return false;
    });
});
</script>

Na verdade, estou tentando fazer uma confirmação para excluir ou não um usuário!

Estou tentando fazer o seguinte: Tenho um looping vindo do banco de dados, quando clico em um botão de um dos resultados, queria fazer aparecer uma div em fadeIn, mas quando clico em um, a div aparece em todos.

Como faço para que ao clica na primeira div, por exemplo, apareça apenas nesta div e não em todas?

Estou tentando fazer o seguinte: Tenho um looping vindo do banco de dados, quando clico em um botão de um dos resultados, queria fazer aparecer uma div em fadeIn, mas quando clico em um, a div aparece em todos.

Como faço para que ao clica na primeira div, por exemplo, apareça apenas nesta div e não em todas?

ATUALIZAÇÃO

Vamos ao código HTML, esta um pouco bagunçado:

<div class="bloco_white_middle shadow user">
        <div class="bl_conf_user j_conf">
            <p class="block_username">Excluir o Usuário(a) <b>Leandro?</b></p>
            <div class="block_buttons">
            <a href="usuario_listar.php?acao=excluir&id=1" title="Desativar Usuário" class="btn_middle_icon btn_aprovar" style="margin-right:5px;"><div class="icon-ok"></div>Sim</a>
            <a href="usuario_listar.php" title="Excluir Usuário" class="btn_middle_icon btn_excluir" id="btn_no"><div class="icon-remove"></div>Não</a>
            </div>
        </div>
        <strong>Nome:</strong> <em>Leandro</em>
        <p style="margin-top:6px;"><strong>Data registro:</strong> <em>10/05/2013</em></p>
        <p style="margin-top:6px;"><strong>Último acesso:</strong> <em>12/12/2013</em></p>
        <p style="margin-top:6px;"><strong>Acesso:</strong><em>Usuário</em></p>
        <a href="usuario_listar.php?acao=desativar&id=1" title="Desativar Usuário" class="btn_middle_icon btn_aprovar" style="margin-right:5px;"><div class="icon-ok"></div>Ativo</a>';
        <a href="usuario_listar.php?acao=excluir&id=1" title="Excluir Usuário" class="btn_middle_icon btn_excluir" style="margin-right:10px;" id="btn_exc"><div class="icon-trash"></div>Excluir</a>
    </div>

Depois, tem o código jquery:

<script type="text/javascript">
$(document).ready(function(){
    $('.j_conf').hide();
    $('#btn_exc').live('click', function() {
    $('.j_conf').fadeIn("slow");
    return false;
    });

    $('#btn_no').live('click', function() {
    $('.j_conf').fadeOut("slow");
    return false;
    });
});
</script>

Na verdade, estou tentando fazer uma confirmação para excluir ou não um usuário!

Fonte Link
LeandroCSA
  • 59
  • 1
  • 10
Carregando