Jump to content


Photo

[Resolvido] Exibir/Ocultar <Div> DinâMica Jquery+Php


  • Faça o login para participar
13 replies to this topic

#1 dudesign

dudesign

    Turista

  • Usuários
  • 31 posts
  • Sexo:Masculino
  • Localidade:Estado de São Paulo

Posted 23/06/2010, 09:26

Olá galera!
Primeiro preciso ocultar todas as <DIV>s - (OK!)
Segundo preciso fazer com que ao clicar na imagem abra a <DIV> correspondente ao ID chamado...

USUÁRIOS.PHP
while($usuarios = mysql_fetch_array($sql)){
   <a href="#acao'.$usuarios['id'].'" class="mostrar">
      <img alt="Adicionar Imagem Usuário" border="0" height="15" src="./imagens/image_add.png" width="15" />
   </a>

   <div class="acao" id="acao'.$usuarios['id'].'">
      <span class="itens" style="float:right; margin:-4px 2px;">
         <a class="ocultar" href="#"><b>x</b></a>
      </span>
      <span class="itens">Seleciona a imagem desejada</span>
      <center><input name="nome" type="file" /> <button type="submit" id="botao"> Salvar </button></center>
   </div>
}

JQUERY.JS
$(document).ready(function(){
   $('.acao').hide();
   $('.mostrar').live('click',function( e ){
      $('.acao').show();
   });
   $('.ocultar').live('click',function( e ){
      $('.acao').hide();
   });
});

Dudesigner

MSN:
eduardobarrosvilla@hotmail.com

#2 André Manoel

André Manoel

    Doutor

  • Usuários
  • 996 posts
  • Sexo:Masculino
  • Localidade:Brasilia

Posted 23/06/2010, 11:15

Qual o problema que está acontencendo quando você clica no link?
Iniciando na Ajuda On line...

Posted Image Meu post lhe ajudou? Reputar/votar é uma das formas de agradecer.

#3 dudesign

dudesign

    Turista

  • Usuários
  • 31 posts
  • Sexo:Masculino
  • Localidade:Estado de São Paulo

Posted 23/06/2010, 13:25

ele abre todos e não o que tem o ID correspondente ao link...
Dudesigner

MSN:
eduardobarrosvilla@hotmail.com

#4 André Manoel

André Manoel

    Doutor

  • Usuários
  • 996 posts
  • Sexo:Masculino
  • Localidade:Brasilia

Posted 23/06/2010, 15:16

Faça um teste assim:

Colocar a div de cada usuário dentro do próprio link

while($usuarios = mysql_fetch_array($sql)){

   <a href="#acao'.$usuarios['id'].'" class="mostrar">
      <img alt="Adicionar Imagem Usuário" border="0" height="15" src="./imagens/image_add.png" width="15" />

      <div class="acao">
        <span class="itens" style="float:right; margin:-4px 2px;">
          <a class="ocultar" href="#"><b>x</b></a>
        </span>
        <span class="itens">Seleciona a imagem desejada</span>
        <center><input name="nome" type="file" /> <button type="submit" id="botao"> Salvar </button></center>
      </div>

   </a>

   
}

E depois você seleciona a div do link que foi clicado através do método children:

$(document).ready(function(){

   $('.acao').hide();

   $('.mostrar').click(function(){
      $(this).children('div.acao').show();
   });

   $('.ocultar').click( function(){
      $(this).children('div.acao').hide();
   });
});


Dá uma olhada... vê se vai funcionar aí...
Iniciando na Ajuda On line...

Posted Image Meu post lhe ajudou? Reputar/votar é uma das formas de agradecer.

#5 dudesign

dudesign

    Turista

  • Usuários
  • 31 posts
  • Sexo:Masculino
  • Localidade:Estado de São Paulo

Posted 23/06/2010, 18:33

Olá André, desde já agradeço pela sua ajuda...
Mas ainda não deu certo.

Acredito que não mencionei uma coisa importânte, tudo isso está dentro de uma tabela.
Então ficaria assim:
<table>
while($usuarios = mysql_fetch_array($sql)){
  <tr>
    <td>
      <a class="mostrar">
        <img alt="Adicionar Imagem Usuário" border="0" height="15" src="./imagens/image_add.png" width="15" />
      </a>
    </td>
  </tr>
  <tr>
    <div class="acao" id="acao'.$usuarios['id'].'">
      <span class="itens" style="float:right; margin:-4px 2px;">
         <a class="ocultar" href="#"><b>x</b></a>
      </span>
      <span class="itens">Seleciona a imagem desejada</span>
      <center><input name="nome" type="file" /> <button type="submit" id="botao"> Salvar </button></center>
    </div>
  </tr>
}
</table>

Dudesigner

MSN:
eduardobarrosvilla@hotmail.com

#6 Édipo Costa Rebouças

Édipo Costa Rebouças

    Veterano

  • Ex-Admins
  • 1079 posts
  • Sexo:Masculino
  • Localidade:Brasil - São Paulo

Posted 24/06/2010, 11:29

[codebox]
$(document).ready(function(){
$('.acao').hide();
$('.mostrar').live('click',function( e ){
$(this.href).show();
});
$('.ocultar').live('click',function( e ){
$(this.href).hide();
});
});
[/codebox]

#7 dudesign

dudesign

    Turista

  • Usuários
  • 31 posts
  • Sexo:Masculino
  • Localidade:Estado de São Paulo

Posted 24/06/2010, 11:47

Olá Édipo,
Depois de muita pesquisa e ouvindo a opnião de todos deste e de outros fóruns consegui resolver utilizando .parent() e .find()

Muito obrigado a todos....
Dudesigner

MSN:
eduardobarrosvilla@hotmail.com

#8 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 22/09/2017, 11:46

Viagra Pills On Sale cialis Viagra And Cialas For Aale
Propecia Worked For Me Thinning Hair Buy Doxycycline Hyclate
Dysfonction Erectile <a href=http://cialtobuy.com>cialis buy online</a> Comparateur prix cialis france
Kamagra 100mg Villeurbanne cialis Viagra Bestellen Met Ideal
Amoxil Infection Des Sinus Keflex For Std
Keflex Affect Kidneys <a href=http://cialtobuy.com>cialis</a> Levitra Purchase Usa
Buy Real Zithromax cialis Buy Orlistat 120mg Malaysia
Como Cortar Propecia Ciprofloxacin Interaction With Amoxicillin Amoxicillin And Blood Pressure
Cialis Wochenendpille <a href=http://cialtobuy.com>cialis</a> Comprar Cialis En Valencia Sin Receta

#9 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 08/10/2017, 00:25

Kamagra Chewable (Sildenafil) Finasteride Generic viagra buy now isotretinoin - isotretinoin cash delivery
Glucophage No Perscriptionpharmacy Buy Cialis With Amex viagra Levitra Medicament 10mg
Viagra Anwendung Wirkung Baclofen Acheter viagra On Line Bentyl Real France Pharmacy Shipped Ups Cephalexin And Strep A Mononucleosis Amoxicillin Reaction

#10 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 08/10/2017, 07:41

Tadalafil In Canada Provera In Germany Tablet With Next Day Delivery levitra for sale on ebay Cialis 20 Mg Reimport On Line Worldwide Progesterone Discount Causas Propecia
Forum Cialis En Ligne Levitra Next Day Delivery Magic Pharmacy Online Usa cialis Liste Pays Cialis Vente Libre Propecia Neck Pain Algodones Mexico Purple Pharmacies

#11 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 26/10/2017, 00:38

Prix Du Viagra Generique Discount Free Shipping Cheapeast Isotretinoin Worldwide Amex viagra Buy Vardenafil Online Cheap Opiniones Cialis Propecia Long Term Effects
Amoxicillin Causes Yeast Infection cost of levitra 20mg Sale Amoxicilina Amoxiclav Sandoz Over Night Free Sample Pack Of Viagra
Finpecia For Sale viagra Buy Citalopram Mail Online Uk Acheter Viagra Confiance Prezzo Viagra Con Ricetta

#12 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 05/11/2017, 22:30

Finasteride 10mg Skin Health Buy Cheap Accutane Online No Prescription levitra from canada Comment Trouver Du Viagra Sans Ordonnance
C20 Cialis Buy Prednisone For Dogs Online cialis Cytotec Canada Where Can I Buy Fedex Provera Cheap Cialis Compresse 10 Mg

#13 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 11/02/2023, 23:41

Surgeons need to police themselves lasix for congestive heart failure
2009; 28 209 217 generic cialis online europe
Meanwhile, research on several nutrients and their potential use in obesity management is exciting cialis cost Tamoxifen is also prescribed for women who have had breast cancer that expresses estrogen receptors to decrease recurrence

#14 JeffMalm

JeffMalm

    Super Veterano

  • Usuários
  • 12254 posts
  • Sexo:Feminino
  • Localidade:Mount Carey

Posted 12/02/2023, 06:34

Adalat is a prescription medicine used to treat the symptoms of chest pain Angina, high blood pressure Hypertension, and Pulmonary Hypertension lasix for pleural effusion
hallucinating seeing things or hearing voices that do not exist metformin and clomid Jack, USA 2022 05 28 16 47 49
Acai Berry Blend is also great to use in baking and raw treats like bliss balls and Order Clomid Online Canada slices OAKBERRY lasix mg Muppala R, Donenberg T, Huang MS




2 user(s) are reading this topic

0 membro(s), 2 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq