16 replies to this topic

[kabullozzo]

Galera, to desenvolvendo um sisteminha e to utilizando um menu em abas. O problema é que não estou achando uma solução viável para que quando eu esteja em uma seção, o link fike personalizado em relação aos outros links.

Achei uma função num fórum, mas o problema é que tenho que ficar setando a quantidade de abas que terá.

function stAba(menu)	{		this.menu = menu;	}	var arAbas = new Array();	arAbas[0] = new stAba('aba1');	arAbas[1] = new stAba('aba2');	arAbas[2] = new stAba('aba3');	arAbas[3] = new stAba('aba4');	function AlternarAbas(menu)	{		for (i=0;i<arAbas.length;i++)		{			m = document.getElementById(arAbas[i].menu);			m.className = 'normal';		}		m = document.getElementById(menu)		m.className = 'ativo';	}

Há alguma outra função mais simples ou há uma forma de adaptar esta função para que ele identifique automaticamente a quantidade de abas?

Obrigado.

[bimonti]

Você utiliza alguma linguagem server-side no seu projeto ?? É bem mais fácil ....

[kabullozzo]

utilizo ASP

[bimonti]

Hummm, my mistake ... agora q eu vi q o código q vc postou tem barra de rolagem ... ^^

Esse menu seu é qual elemento ? Uma lista (li) ??

Você pode usar getElementsByTagName:

var el = document.getElementById('elemento_pai');
var abas = el.getElementsByTagName('li');
for(x=0;x<abas.length;x++){
//--->
}

Testa ae, se não funcionar seria melhor postar uma parte do seu código de marcação (html) ...

[kabullozzo]

kra... fiz da seguinte maneira:

[codebox]function Abas2() {
var el = document.getElementById('elemento_pai');
var abas = el.getElementsByTagName('li');
for(x=0;x<abas.length;x++)
{
abas.className = 'normal';
}
abas.className = 'ativo';
}[/codebox]

mas num deu certo naum... num da erro... mas num altera a classe...
to usando li mesmo... abaixo segue a estrutura:

[codebox]<ul>
<li class="ativo" onclick="ajaxLink('content','listar.asp'); Abas2();">LISTAGEM</li>
<li class="normal" onclick="ajaxLink('content','inserir.asp'); Abas2();">CADASTRO</li>
<li class="normal" onclick="ajaxLink('content','atualizar.asp'); Abas2();">ATUALIZAR</li>
<li class="normal" onclick="ajaxLink('content','excluir.asp'); Abas2();">EXCLUIR</li>
</ul>[/codebox]

Vlw.

[kabullozzo]

ngm mais pra me ajuda ae?

[bimonti]

No document.getElementById('elemento_pai'), você tem que substituir 'elemento_pai' pelo id do elemento em questão, no caso sua lista, achei que vcê tinha um certo conhecimento em JS.

var el = document.getElementById('menu')
//---------->

<ul id="menu">
...
</ul>

Se não for isso volte a postar. ^^

[kabullozzo]

opa... blz véiu?

é... meu conhecimento em JS é quase nulo... já fiz curso mas pouco aproveitei....
mas intaum... eu fui pela lógica... fiz exatamente o q vc passo agora pra faze.... mas tinha apagado e ae hr q colei aki num saiu o id no ul ....

num deu certo naum.... o código fico da seguinte maneira:
[codebox]<div id="divGeral">
<ul id="menu">
<li class="ativo" onclick="ajaxLink('content','listar.asp'); Abas2();">LISTAGEM</li>
<li class="normal" onclick="ajaxLink('content','inserir.asp'); Abas2();">CADASTRO</li>
<li class="normal" onclick="ajaxLink('content','atualizar.asp'); Abas2();">ATUALIZAR</li>
<li class="normal" onclick="ajaxLink('content','excluir.asp'); Abas2();">EXCLUIR</li>
</ul>
<div id="content"></div>
</div>[/codebox]



o codigo js ta assim?
[codebox]function Abas2() {
var el = document.getElementById('menu');
var abas = el.getElementsByTagName('li');
for(x=0;x<abas.length;x++)
{
abas.className = 'normal';
}
abas.className = 'ativo';
}[/codebox]


q será q pode ta acontecendo?

vlw pela ajuda.

[bimonti]

Faça algumas alterações pra testar, não garanto o funcionamento, talvez precise mudar algo mais:

No HTML os elementos da lista devem ter a chamada assim:

<li class="normal" onclick="ajaxLink('content','inserir.asp'); Abas2(this);">CADASTRO</li>

A única diferença foi o 'this' ali na chamada da função.

E no java script:

function Abas2() {
var el = document.getElementById('menu');
var abas = el.getElementsByTagName('li');
for(x=0;x<abas.length;x++)
{
abas.className = 'normal';
}
arguments[0].className = 'ativo';
}

Faça essas alterações e veja se funciona. Senão a gente tenta alterar outra parte.

[kabullozzo]

opa... agora deu certo (em partes) ....

ele ta mudando o estilo do link... mas quandu eu passo de um link pro outro, ele num volta o estilo anterior... ele vai deixando tudo igual...

o q pode ser agora?

[bimonti]

Eu olhei diversas vezes o seu código enquanto respondia os tópicos acima e nem reparei. ^^

Dentro do loop [for]:

abas[x].className = 'normal';

Blz ?

[kabullozzo]

puts... perfeito.... agora ta certinho... vlw msm véiu...

[Miguceamma]

Onlinedrug Propecia Disefoto cheap cialis Cialis 20 Mg Tadalafil Commander El Cialis Es Paxel
Priligy Farmacias Ahumada generic cialis Cheap Tadifil Propecia Package Insert

[Miguceamma]

Viagra Krankenkasse Schweiz Buy Amoxicillin Online viagra online pharmacy Amoxicillin 875 Milligrams
Priligy Dapoxetina Precio Mexico Free Shipping Clobetasol Internet Levitra Scaduto online pharmacy Female Kamagra Tablets
Cephalexin Tooth Cialis 10mg Kaufen cialis price Priligy Peru

[Miguceamma]

Buy Wellbutrin Xr Without Rx viagra Cheap Doxycycline Uk Buy Cialis 100mg Online Cheap Doxycycline Online Uk
Where To Order Zentel Pills Secure Ordering Over Night Buy Cialis Get Viagra Free Generique Lioresal En Canada cialis price Propecia Sustancias Dopantes Ciprofloxacin Tab 500mg Side Effects