Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Aprendiz_prog

[Resolvido] Problema Array php e iteraçao na mesma div Jquery

Recommended Posts

Fala Pessoal;

 

Estou com um probleminha para exibir os resultados de uma consulta em um banco mysql.

 

Eu queria que os dados da consulta ficassem ocultos usando jquery, o codig até funciona mas só para o primeiro registro, os demais resultados do loop array nao acultam e nem exibem.

 

Ja tentei usar o each e nao consigo, alguem pode me ajudar?

 

Codigo:

 

js-jquery:

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

$('#conteudo').hide(); 

$('a#exibir').click(function(){ 

$('#conteudo').show('slow'); 

}); 

$('a#ocultar').click(function(){ 

$('#conteudo').hide('slow'); 
}) 
return false; 

}); 
</script>

-----------------------------------------

while ($ln = mysql_fetch_array($result)) 
      {
	    echo '<tr><td>';
        echo $ln['dado'];
        echo '</td><td>';
        echo $ln['dado'];
        echo '</td><td>';
        echo $ln['dado'];
        echo '</td><td>';
        echo $ln['data'];
        echo '</td><td>';
		echo $ln['hora'];
        echo '</td><td>';
		echo $ln['ano'];
        echo '</td><td>';
		echo '<div>';
		echo '<a id="exibir" href="#">Ver</a>--';
		echo '<a href="#" id="ocultar">Ocultar</a>';
		echo '</div>';
		echo '</td></tr>';
		echo '<tr><td width="500">';
		echo '<div id="conteudo" style="display:none">';
		echo $ln['dado'];
		echo '</div>';
		echo '</td></tr>';
        		  								
      }
      echo '</table>';
	  
    }
 ?>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Se eu entendi sua pergunta pode ser pelo fato de varias divs terem o mesmo id.

Id é único, apenas um elemento pode ter.

Troque por classe.

$('.ocultar')
$('.exibir')
$('.conteudo')

echo '<a class="exibir" href="#">Ver</a>--';
echo '<a href="#" class="ocultar">Ocultar</a>';
echo '<div class="conteudo" style="display:none">';

Abraço

Compartilhar este post


Link para o post
Compartilhar em outros sites

Fala daniel,

 

Obrigadao cara, resolvido pelo evandro.

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

$('.conteudo').hide(); 

$('.exibir').each(function(i){    
$(this).click(function(){        
$('.conteudo').each(function(j){            
if(i == j) $(this).show('slow');        
});    
});
});
$('.ocultar').each(function(i){    
$(this).click(function(){        
$('.conteudo').each(function(j){            
if(i == j) $(this).hide('slow');        
});    
});
});
});
</script>

Compartilhar este post


Link para o post
Compartilhar em outros sites

@$marcosfj1

 

crie um Novo Tópico, poste os teus códigos, e descreva o teu problema.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.