Ir para conteúdo
Fórum Script Brasil
  • 0

não sei o nome dessa duvida, mas envolve javascript

marcosfj1

Perguntado por marcosfj1,

 Share

Pergunta

marcosfj1

marcosfj1

Postado
Postado

Imagine o seguinte ambiente, tenho la

Nome: Cidade: QtdePedidos:

Marcos Orlandia 10

Bom ai quando eu clicar no meu nome, quero abrir logo em baixo uma lista com os 10 pedidos que eu fiz...ai ficaria

Nome Cidade QtdePedidos

Marcos Orlandia 10

Pedidos:

Pedido 1 R$100,00 Cartao de Credito

Pedido 2 R$200,00 Boleto

Pedido 3 R$3300,00 Cartao de Credito

Pedido 4 R$500,00 Cartao de Credito

Bem e ai quando eu clicar novamente no meu nome, estas opcao de pedido iriam sumir voltando novamente a:

Nome: Cidade: QtdePedidos:

Marcos Orlandia 10

Bom acredito que isso envolva JavaScript, alguém poderia me dar alguma dica de como fazer? Eu não sei nem o que procurar no google para me informar, mas acredito que alguém aqui já deva ter feito algo assim e possa me ajudar

Valeu

Link para o comentário
Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

  • 0
marcosfj1

marcosfj1

Postado
  • Autor
Postado (editado)

Ai pessoal consegui mais ou menos fazer, porem só fica no primeiro nome da lista de clientes, olhem o jeito q eu fiz

Aqui eu criei a funcao para fazer a DIV aparecer e desaparecer

<head>
<script type="text/javascript" src="js/jquery-1.2.6.min.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');
      })
   
});
</script>
<style> 
body {
    font: 12px Verdana, Geneva, sans-serif;

}
#conteudo {
    border:1px solid #CCCC33;
    padding:10px;
    margin-top:10px;
    width:500px;
}
</style>
</head>
Depois eu tento chamar ela em cada apos cada nome dos clientes que foram listados apos serem trazidos pelo banco de dados 
while ($cp = mysql_fetch_array($req)) {
        
        //
        $registro++;
    
?>
    
    <tr>
      <td align="left"><?=$cp['nome'] ?> ---> <a id="exibir" href="#">Exibir Dados do Cliente </a>
        <div id="conteudo"> TESTE PARA ABRIR E FECHAR DIVs
           <p><a href="#" id="ocultar">Ocultar DIV</a></p>
        </div>
         </td>
      <td align="left"><?=$cp['telefone'] ?></td>
      <td align="left"><?=$cp['cidade'] ?>/<?=$cp['uf'] ?></td>
      <td align="left"><?=$cp['qt_pedido'] ?></td>
      <td align="left"><?=$cp['qt_ponto'] ?></td>
    </tr>
    <? } ?>

Bom o problema é o seguinte ele mostra lista de clientes com o EXIBIR DADOS DO CLIENTE na frente, mas ele mostra todas as DIVs já abertas, e não quero assim queria q somente quando clicasse em EXIBIR DADOS DO CLIENTE q ela fosse aberta. E o estranho é q o prmeiro nome da lista de clientes tem este recurso e os outros não....alguém tem alguma ideia o porque?

Valeu

Editado por marcosfj1
Link para o comentário
Compartilhar em outros sites
  • 0
rickayron

rickayron

Postado
Postado
Imagine o seguinte ambiente, tenho la

Nome: Cidade: QtdePedidos:

Marcos Orlandia 10

Bom ai quando eu clicar no meu nome, quero abrir logo em baixo uma lista com os 10 pedidos que eu fiz...ai ficaria

Nome Cidade QtdePedidos

Marcos Orlandia 10

Pedidos:

Pedido 1 R$100,00 Cartao de Credito

Pedido 2 R$200,00 Boleto

Pedido 3 R$3300,00 Cartao de Credito

Pedido 4 R$500,00 Cartao de Credito

Bem e ai quando eu clicar novamente no meu nome, estas opcao de pedido iriam sumir voltando novamente a:

Nome: Cidade: QtdePedidos:

Marcos Orlandia 10

Bom acredito que isso envolva JavaScript, alguém poderia me dar alguma dica de como fazer? Eu não sei nem o que procurar no google para me informar, mas acredito que alguém aqui já deva ter feito algo assim e possa me ajudar

Valeu

o conteudo deve está dentro de uma div, span ou outro elemento js, com id e name unicos para evitar erro

document.getElementById('id').innerHTML='alguma coisa';

isso iria inserir o texo "alguma coisa" no obj id, ou simplesmente pode colocar os elementos com os dados porem no css coloque isso

visibility:hidden;

display:none;

assim ele ficar oculto

no onclick do texto coloque essa função

function Most(Obj)

{

var Nobj=document.getElementById(Obj);

if (Nobj)

{

Nobj.style.display='block';

Nobj.style.visibility='visible';

}

else

{

alert('Elemento não existe');

}

}

qualquer duvido é so posta ai

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...