Skip to main content

fiz um foreach no meu banco mais o código ficará muito extenso continuando, oque Oque eu quero fazer é com que o usuário clique no link apareça uma confirmaçãoconfirmacão de uma div, nesta nesta div terá um link para deletar realmente o artigo o problema é quando eu chamo a div de confirmação  , o JS chama várias divs, eu gostaria que a div de confirmação apareça no elemento clicado

$("document").ready(function(){$('.excluir').click(function(){$('.janela-moldal').fadeIn();});$('.chamar-moldal').click(function(){$('.janela-moldal').fadeIn();});$('.cancelar').click(function(){$('.janela-moldal').fadeOut();});$(".excluir-artigo").live('click',function(){$.post('php/deletar.php',{coment:$(this).attr('id')});$(this).parent('div').fadeOut();$(".janela-moldal").fadeOut();};});});
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
    $("document").ready(function(){ <?php
        $artigo[]$('.excluir').click(function(){
 = array          $('.janela-moldal').fadeIn();
        $artigo['artigo_id'] });

        $('.chamar-moldal').click(function(){
            $('.janela-moldal').fadeIn();
        });

        $('.cancelar').click(function(){
            $('.janela-moldal').fadeOut();
        });

        $(".excluir-artigo").live('click',function(){
             $.post('php/deletar.php', {coment:$(this).attr('id')});
             $(this).parent('div').fadeOut();
             $(".janela-moldal").fadeOut();
        };
    });
});
</script>
    
<?php
    $artigo[] = 1;array();
    $artigo['artigo_id'] = 1;
    $artigo['frase'] = '"A vingança nunca é plena, mata a alma e a invenena"';
 

        var_dump($artigo);
?>
 
 
  <div class="artigos" id="artigos"> 
      <?=$artigo['artigo_id']; ?>
      <h1><?= $artigo['frase']; ?></h1>
      <a class="chamar-moldal" href="javascript:void(0);">chamar a div de confirmacão </a>
  </div>

   <div class="janela-moldal" style="display:none"> 
       <h1>Deseja excluir este artigo?</h1>
            <a class="cancelar" href="javascript:void(0);">cancelar</a>
            <a class="excluir-artigo" id="artigo-<?=$artigo['artigo_id']?>" href="javascript:void(0);">excluir</a>
   </div>
           
        

fiz um foreach no meu banco mais o código ficará muito extenso continuando, oque eu quero fazer é com que o usuário clique no link apareça uma confirmação de uma div, nesta div terá um link para deletar realmente o artigo o problema é quando eu chamo a div de confirmação, o JS chama várias divs, eu gostaria que a div de confirmação apareça no elemento clicado

$("document").ready(function(){$('.excluir').click(function(){$('.janela-moldal').fadeIn();});$('.chamar-moldal').click(function(){$('.janela-moldal').fadeIn();});$('.cancelar').click(function(){$('.janela-moldal').fadeOut();});$(".excluir-artigo").live('click',function(){$.post('php/deletar.php',{coment:$(this).attr('id')});$(this).parent('div').fadeOut();$(".janela-moldal").fadeOut();};});});
        <?php
        $artigo[] = array();
        $artigo['artigo_id'] = 1;
        $artigo['frase'] = '"A vingança nunca é plena, mata a alma e a invenena"';
 

        ?>
 
 
  <div class="artigos" id="artigos"> 
  <?=$artigo['artigo_id']; ?>
  <h1><?= $artigo['frase']; ?></h1>
  <a class="chamar-moldal" href="javascript:void(0);">chamar a div de confirmacão </a>
  </div>

   <div class="janela-moldal" style="display:none"> 
   <h1>Deseja excluir este artigo?</h1>
        <a class="cancelar" href="javascript:void(0);">cancelar</a>
        <a class="excluir-artigo" id="artigo-<?=$artigo['artigo_id']?>" href="javascript:void(0);">excluir</a>
   </div>
           
        

fiz um foreach no meu banco mais o código ficará muito extenso continuando, Oque eu quero fazer é com que o usuário clique no link apareça uma confirmacão de uma div, nesta div terá um link para deletar realmente o artigo o problema é quando eu chamo a div de confirmação  , o JS chama várias divs, eu gostaria que a div de confirmação apareça no elemento clicado

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
    $("document").ready(function(){ 
        $('.excluir').click(function(){
            $('.janela-moldal').fadeIn();
         });

        $('.chamar-moldal').click(function(){
            $('.janela-moldal').fadeIn();
        });

        $('.cancelar').click(function(){
            $('.janela-moldal').fadeOut();
        });

        $(".excluir-artigo").live('click',function(){
             $.post('php/deletar.php', {coment:$(this).attr('id')});
             $(this).parent('div').fadeOut();
             $(".janela-moldal").fadeOut();
        };
    });
});
</script>
    
<?php
    $artigo[] = array();
    $artigo['artigo_id'] = 1;
    $artigo['frase'] = '"A vingança nunca é plena, mata a alma e a invenena"';

    var_dump($artigo);
?>
 
  <div class="artigos" id="artigos"> 
      <?=$artigo['artigo_id']; ?>
      <h1><?= $artigo['frase']; ?></h1>
      <a class="chamar-moldal" href="javascript:void(0);">chamar a div de confirmacão </a>
  </div>

   <div class="janela-moldal" style="display:none"> 
       <h1>Deseja excluir este artigo?</h1>
            <a class="cancelar" href="javascript:void(0);">cancelar</a>
            <a class="excluir-artigo" id="artigo-<?=$artigo['artigo_id']?>" href="javascript:void(0);">excluir</a>
   </div>       

fiz um foreach no meu banco mais o código ficará muito extenso continuando, Oque oque eu quero fazer é com que o usuário clique no link apareça uma confirmacãoconfirmação de uma div, nesta nesta div terá um link para deletar realmente o artigo o problema é quando eu chamo a div de confirmação  , o JS chama várias divs, eu gostaria que a div de confirmação apareça no elemento clicado

$("document").ready(function(){$('.excluir').click(function(){$('.janela-moldal').fadeIn();});$('.chamar-moldal').click(function(){$('.janela-moldal').fadeIn();});$('.cancelar').click(function(){$('.janela-moldal').fadeOut();});$(".excluir-artigo").live('click',function(){$.post('php/deletar.php',{coment:$(this).attr('id')});$(this).parent('div').fadeOut();$(".janela-moldal").fadeOut();};});});
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$("document").ready(function(){

$('.excluir').click(function(){
$('.janela-moldal').fadeIn();
});

$('.chamar-moldal').click(function(){
$('.janela-moldal').fadeIn();
});

 $('.cancelar').click(function(){
$('.janela-moldal').fadeOut();
 });

 $(".excluir-artigo").live('click',function(){
     $.post('php/deletar.php', {coment:$(this).attr('id')});
     $(this).parent('div').fadeOut();
  $(".janela-moldal").fadeOut();
};
});

 });


 </script>
        <?php
        $artigo[] = array();
        $artigo['artigo_id'] = 1;
        $artigo['frase'] = '"A vingança nunca é plena, mata a alma e a invenena"';


        ?>
     

      <div class="artigos" id="artigos"> 
      <?=$artigo['artigo_id']; ?>
      <h1><?= $artigo['frase']; ?></h1>
      <a class="chamar-moldal" href="javascript:void(0);">chamar a div de confirmacão </a>
      </div>

       <div class="janela-moldal" style="display:none"> 
       <h1>Deseja excluir este artigo?</h1>
            <a class="cancelar" href="javascript:void(0);">cancelar</a>
            <a class="excluir-artigo" id="artigo-<?=$artigo['artigo_id']?>" href="javascript:void(0);">excluir</a>
       </div>
           
        

fiz um foreach no meu banco mais o código ficará muito extenso continuando, Oque eu quero fazer é com que o usuário clique no link apareça uma confirmacão de uma div, nesta div terá um link para deletar realmente o artigo o problema é quando eu chamo a div de confirmação  , o JS chama várias divs, eu gostaria que a div de confirmação apareça no elemento clicado

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$("document").ready(function(){

$('.excluir').click(function(){
$('.janela-moldal').fadeIn();
});

$('.chamar-moldal').click(function(){
$('.janela-moldal').fadeIn();
});

 $('.cancelar').click(function(){
$('.janela-moldal').fadeOut();
 });

 $(".excluir-artigo").live('click',function(){
     $.post('php/deletar.php', {coment:$(this).attr('id')});
     $(this).parent('div').fadeOut();
  $(".janela-moldal").fadeOut();
};
});

 });


 </script>
        <?php
        $artigo[] = array();
        $artigo['artigo_id'] = 1;
        $artigo['frase'] = '"A vingança nunca é plena, mata a alma e a invenena"';


        ?>
     

      <div class="artigos" id="artigos"> 
      <?=$artigo['artigo_id']; ?>
      <h1><?= $artigo['frase']; ?></h1>
      <a class="chamar-moldal" href="javascript:void(0);">chamar a div de confirmacão </a>
      </div>

       <div class="janela-moldal" style="display:none"> 
       <h1>Deseja excluir este artigo?</h1>
            <a class="cancelar" href="javascript:void(0);">cancelar</a>
            <a class="excluir-artigo" id="artigo-<?=$artigo['artigo_id']?>" href="javascript:void(0);">excluir</a>
       </div>
           
        

fiz um foreach no meu banco mais o código ficará muito extenso continuando, oque eu quero fazer é com que o usuário clique no link apareça uma confirmação de uma div, nesta div terá um link para deletar realmente o artigo o problema é quando eu chamo a div de confirmação, o JS chama várias divs, eu gostaria que a div de confirmação apareça no elemento clicado

$("document").ready(function(){$('.excluir').click(function(){$('.janela-moldal').fadeIn();});$('.chamar-moldal').click(function(){$('.janela-moldal').fadeIn();});$('.cancelar').click(function(){$('.janela-moldal').fadeOut();});$(".excluir-artigo").live('click',function(){$.post('php/deletar.php',{coment:$(this).attr('id')});$(this).parent('div').fadeOut();$(".janela-moldal").fadeOut();};});});
        <?php
        $artigo[] = array();
        $artigo['artigo_id'] = 1;
        $artigo['frase'] = '"A vingança nunca é plena, mata a alma e a invenena"';


        ?>
 

  <div class="artigos" id="artigos"> 
  <?=$artigo['artigo_id']; ?>
  <h1><?= $artigo['frase']; ?></h1>
  <a class="chamar-moldal" href="javascript:void(0);">chamar a div de confirmacão </a>
  </div>

   <div class="janela-moldal" style="display:none"> 
   <h1>Deseja excluir este artigo?</h1>
        <a class="cancelar" href="javascript:void(0);">cancelar</a>
        <a class="excluir-artigo" id="artigo-<?=$artigo['artigo_id']?>" href="javascript:void(0);">excluir</a>
   </div>
           
        
Fonte Link
ndroid
  • 305
  • 1
  • 2
  • 12

Abrir div ao clicar em elemento especifico

fiz um foreach no meu banco mais o código ficará muito extenso continuando, Oque eu quero fazer é com que o usuário clique no link apareça uma confirmacão de uma div, nesta div terá um link para deletar realmente o artigo o problema é quando eu chamo a div de confirmação , o JS chama várias divs, eu gostaria que a div de confirmação apareça no elemento clicado

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$("document").ready(function(){

$('.excluir').click(function(){
$('.janela-moldal').fadeIn();
});

$('.chamar-moldal').click(function(){
$('.janela-moldal').fadeIn();
});

 $('.cancelar').click(function(){
$('.janela-moldal').fadeOut();
 });

 $(".excluir-artigo").live('click',function(){
     $.post('php/deletar.php', {coment:$(this).attr('id')});
     $(this).parent('div').fadeOut();
  $(".janela-moldal").fadeOut();
};
});

 });


 </script>
        <?php
        $artigo[] = array();
        $artigo['artigo_id'] = 1;
        $artigo['frase'] = '"A vingança nunca é plena, mata a alma e a invenena"';


        ?>
     

      <div class="artigos" id="artigos"> 
      <?=$artigo['artigo_id']; ?>
      <h1><?= $artigo['frase']; ?></h1>
      <a class="chamar-moldal" href="javascript:void(0);">chamar a div de confirmacão </a>
      </div>

       <div class="janela-moldal" style="display:none"> 
       <h1>Deseja excluir este artigo?</h1>
            <a class="cancelar" href="javascript:void(0);">cancelar</a>
            <a class="excluir-artigo" id="artigo-<?=$artigo['artigo_id']?>" href="javascript:void(0);">excluir</a>
       </div>