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

Descrição Do Link...

Ericc Antunes

Perguntado por Ericc Antunes,

 Share

Pergunta

Ericc Antunes

Ericc Antunes

Postado
Postado

Olá!

Estou querendo fazer com que quando clico num determinado link por exemplo: "Ver Detalhes" apareça o detalhe do produto logo embaixo na mesma tela dinamicamente... e quando clico novamente ele fecha... como se fosse aquele " + " do windows que fica ao lado esquerdo d alguma pasta... será que consegui explicar direito??! :unsure:

Alguém sabe que código usso pra fazer isso?!

Abraço!

Obrigado!

Link para o comentário
Compartilhar em outros sites

8 respostass a esta questão

Posts Recomendados

  • 0
Tenko

Tenko

Postado
Postado 
<html>
    <head>
        <title>
        </title>

    <script>

      function trataCliqueLogin()
      {
         var blocoLogin  = document.getElementById( "divLogin" );
         var linkBuscaAvancada   = document.getElementById( "lnkBuscaAvancada" );

         var exibicaoAtual       = blocoLogin.style.display;

         if ( exibicaoAtual == "none" )
         {
            blocoLogin.style.display  = "block";
            linkBuscaAvancada.innerHTML       = "<b><font color='#000000'>««</font> Ver detalhes</b>";
         }
         else
         {
            blocoLogin.style.display  = "none";
            linkBuscaAvancada.innerHTML       = "<b><font color='#000000'>»»</font> Ver detalhes</b>";
         }
      }

    </script>

    </head>
    
    </head>
    
    <body>
    
    <a id="lnkBuscaAvancada" href="#" onClick="trataCliqueLogin();" style="text-decoration:none">
        <b><font color="#000000">»»</font> Ver detalhes</b>
    </a>
    
    <div id="divLogin" style="display: none">
    
        <table border="0" cellpadding="2" cellspacing="0" width="30%">
            <tr>
                <td>
                    Este é um teste blá blá
                </td>                
            </tr>
            <tr>
                <td>
                    Esta é mais uma linha do teste
                </td>                
            </tr>
    </table>

    </div>
    
    </body>

</html>

Link para o comentário
Compartilhar em outros sites
  • 0
Ericc Antunes

Ericc Antunes

Postado
  • Autor
Postado

O cara é bão mesmo!!

Deu certo!...mas agora me deparei com outra dúvida...

Veja o que estou querendo armar... http://www.innato.com.br/novo

É uma lista de perfumes, tem mais d 30...

Se você clica no "Detalhes" do perfume n°01, dá certinho...

...agora se clica em "Detalhes" do perfume n°02, abre o n°01 :(

Algum Help? :D

Meu sou um músico tentando programar em PHP... em PHP estou iniciando, mas se quiserem ajuda em música aí posso ajudar!!...rsrsrs!

Se precisarem de algo também, estamos aí!

Abraços!

Ericc Antunes

Link para o comentário
Compartilhar em outros sites
  • 0
Tenko

Tenko

Postado
Postado

Mano, tenho que ir embora agora, mas amanhã dou uma olhada nesse esquema, mas acho que não tem muito problema, acho que se usar o comando " getElementById " no link funciona, amanhã te falo beelza.

Falo

Link para o comentário
Compartilhar em outros sites
  • 0
Tenko

Tenko

Postado
Postado

Tai maninho, desculpa a demora, é que o chefe estava na minha

<html>

<head>

<title>

</title>

<script>

function trataCliqueLogin( valor )

{

var blocoBuscaAvancada = document.getElementById( "divLogin"+valor );

var lnkBuscaAvancada = document.getElementById( "lnkBuscaAvancada"+valor );

var exibicaoAtual = blocoBuscaAvancada.style.display;

if ( exibicaoAtual == "none" )

{

blocoBuscaAvancada.style.display = "block";

lnkBuscaAvancada.innerHTML = "<b><font color='#000000'>««</font> Ver Detalhes</b>";

}

else

{

blocoBuscaAvancada.style.display = "none";

lnkBuscaAvancada.innerHTML = "<b><font color='#000000'>»»</font> Ver Detalhes</b>";

}

}

</script>

</head>

</head>

<body>

<table border="1" cellpadding="2" cellspacing="0" width="50%">

<tr>

<td>

<a id="lnkBuscaAvancada1" href="#" onClick="trataCliqueLogin(1);" style="text-decoration:none">

<b><font color="#000000">»»</font> Ver detalhes</b>

</a>

</td>

<td>

<a id="lnkBuscaAvancada2" href="#" onClick="trataCliqueLogin(2);" style="text-decoration:none">

<b><font color="#000000">»»</font> Ver detalhes</b>

</a>

</td>

</tr>

<tr>

<td>

<div id="divLogin1" style="display: none">

<table border="0" cellpadding="2" cellspacing="0" width="100%">

<tr>

<td>

Este é um teste blá blá

</td>

</tr>

<tr>

<td>

Esta é mais uma linha do teste

</td>

</tr>

</table>

</div>

</td>

<td>

<div id="divLogin2" style="display: none">

<table border="0" cellpadding="2" cellspacing="0" width="100%">

<tr>

<td>

Este é um teste blá blá

</td>

</tr>

<tr>

<td>

Esta é mais uma linha do teste

</td>

</tr>

</table>

</div>

</td>

</tr>

</table>

</body>

</html>

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,6k
×
×
  • Criar Novo...