none
manter ABAS dinâmicas aberta RRS feed

  • Pergunta

  • Olá pessoal,

     

    Tem esse site: http://www.ideiabiz.com/monteiro/pre_lancamento.asp?id=33|21 e se você for descendo a página verá que lá em baixo tem uns ABAS azuis, com nome: Apresentação, Imagens, Plantas e etc. É só ir clicando que aparece o conteúdo...

     

    Ele funciona correto, única coisa que queria é deixar a ABA Apresentação já clicada, já com o conteúdo clicado? Não postei o código porque é grande...

     

    Mas os menus que gera aquelas ABAS está aqui: http://www.ideiabiz.com/monteiro/s/s.asp podem acessar o código fonte e ver o script.

     

    Ele chama uma função lá. Então além do código fonte que vocês podem ver na página que passei s.asp tem essa função:

    Code Snippet

    function selTab(tab)
    {
          //o elemento abaixo é div, porque as abas estão dentro de um div.
          tabs = document.getElementsByTagName("div");
          //aqui cai no que eu já tinha dito: você poderá ter quantas abas quiser. Aqui simplesmente contará quantas abas você tem.
          for (n=0;n < tabs.length;n++)
          {
               //aqui vai comparar se o nome do id do seu div é igual a aba que você selecionou. Se for, ele vai mostrar o conteúdo da aba selecionada. Caso contrário, não exibe nada.
               if (tabs[n].id == tab)
               {
                  tabs[n].style.display = "inline";
                  document.getElementById('col' + tab.substring(3,tab.length)).style.borderBottom = "none";
                  document.getElementById('col' + tab.substring(3,tab.length) + '1').style.borderBottom = "none";
               }
               else
               {
    tabs[n].style.display = "none";
                  document.getElementById('col' + tabs[n].id.substring(3,tabs[n].id.length)).style.borderBottom = "black 0px solid";
                  document.getElementById('col' + tabs[n].id.substring(3,tabs[n].id.length) + '1').style.borderBottom = "black 0px solid";

               }
          }
    }

     

     

    Ha! Para chamar as ABAS ele usa DIVS como essa:

     

     <div name="tabEndereco" id="tabEndereco" style="display:none">
         <p align="justify"><font face="Verdana" style="font-size: 9pt">
                      <font color="#034C81"> <%=lazer%></font></p>
    </div>

     

     

    Então tem como manter alguma ABA já clicada, aberta sem precisar que alguém clique?

     

    Muito obrigado mesmo!

    sexta-feira, 5 de dezembro de 2008 12:27

Todas as Respostas