(Resolvido) manter a aba clicada...

[marvi]

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:

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";

                                   }
                        }
}

há! 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!

Editado Dezembro 5, 2008 por marvi

[David Galiano]

Tenta criar um novo estilo no CSS, algo do tipo "tabEndereco-active" que você substitui em cada página correspondendo a aba clicada.

[marvi]

Olá, não sei bem usar o CSS, não entendi bem o que você falou... tem como me mostrar um exemplo?

O código que gera ABAS é esse:

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";

                                   }
                        }
}

Editado Dezembro 5, 2008 por marvi

[marvi]

pode deixar, resolvi!

[Jonathan Queiroz]

Marvi, posta aí como você resolveu !

Pode ajudar outras pessoas

De qualquer forma, vou marcar como resolvido