[weslley clyton]

Olá pessoal.. é a primeira vez que posto uma dúvida neste forum..

estou com um problema pequeno mas que nao consigo resolver..

ja pesquisei varios codigos na internet sobre como esconder o exibor uma div através de um botão.

até ai beleza. o problema é que de todas as veses que eu testei os codigos pedem um nome fixo para uma div . assim a função busca a div a ser processada.

mas quando eu tenho esta div em um loop todas as divs vao ter o mesmo id assim quando eu clico no botão para fechar a div a função processa todas as divs fasendo assim com que todas fechem e ebram com o mesmo botão sendo que respectivamente cada uma teria que abrir e fechar com seu próprio botão.


Vocês poderiam me ajudar? desde já agaradeço.

[bocaum87]

Olá!!

cara a idéia é meio simples digamos que seja assim o função javascript que esconde a div

onclick:"java script: mostraEsconde( id da div );"

se vc esta usando um loop cria um nome padrão para as divs tipo div1, div2, div3 ai é so incrementar com o php ai ele pega dinamicamente o nome da div

se precisar de mais explicação posta ai que coloco um exemplo e coloca tb o teu arquivo ai...

[weslley clyton]

é nao entendi direito .. rs

mas ta ae o meu codigo se puder me ajudar ...

CÓDIGO

//função do javascript aq esta com o jquery.. mas se houver uma solução sem ele tbm serve..

               <script type="text/javascript">
   $(document).ready(function(){
      
      $('#conteudo').hide();
  
      $('a#exibir').click(function(){
            
        $('#conteudo').show('slow');
  
          });
  
      $('a#ocultar').click(function(){
                              
           $('#conteudo').hide('slow');
      })
  
});
</script>




            <? while($mostra = mysql_fetch_array($teste) ){?>
                <table width="553" cellpadding="0" cellspacing="0">
                  <tr>
                    <td style="padding-top:20px;">
                      <input type="button">//botão que fara a div aparecer
                      <div> //div que sera exibida e escondida
                          <? if(!empty($mostra['foto1'])){?>
                        <div class="bordafoto" style="float:left; margin-right:10px;">
                          <a href="img/fotos/<?=$mostra['foto1']?>" rel="example1" >
                            <img src="img/fotos/minis/<?=$mostra['foto_mini1']?>" border="0" />
                          </a>
                        </div>
                      <? }else{?>
                          <div class="bordafoto" style="float:left; margin-right:10px;">
                            <img src="img/semfoto_fotos.png" />
                        </div>
                      <? }?>
                     </div>
                     <input type="button">//botão que fara a div esconder
                     </td>
                  </tr>
                </table>
           <? }?>

[bocaum87]

Olá de novo cara fiz um exemplo bem simples ai de como vc pode colocar o nome dinamicamente nas div's não usei o jquery, mas tanto faz...

Basicamente tem a função javascript ai e um for até 10 em php e incremento o nome da div e imprimo no lugar do id, agora é só vc adaptar para funcionar com o while que vc ta usando.

CÓDIGO

<script type="text/javascript">
    function mostraEsconde ( id )
    {
        if ((document.getElementById(id).style.display == "") || (document.getElementById(id).style.display == "block"))
        {
            document.getElementById(id).style.display="none"
        } else {
            document.getElementById(id).style.display="block"
        }
    }
</script>

<?php
    $nomeDiv = 0;
    $limitador = 10;
        
    for ($i = 0; $i < $limitador; $i++) { ?>
        <a href="java script:mostraEsconde(<?php echo $nomeDiv; ?>);">Fecha <?php echo $nomeDiv; ?></a>
        <div id="<?php echo $nomeDiv; ?>" style="width:300px; height:300px; background:#CCC;">
            <p><?php echo $nomeDiv; ?></p>
        </div>
<?php $nomeDiv++; } ?>

Qualquer coisa prende o berro ai abraços

[weslley clyton]

Vlw brother... olha de todos os foruns que postei essa dúvida vcs foram os unicos que resolveram e que me deram atenção.. vlw mesm..

[bocaum87]

hehe blz então abraços qualquer coisa ai prende o berro.