Abas abas e + abas... e ai pessoal Show....é isso mesmo... Ei como é super funcional e muito maneiro mesmo alguém tem ai um site ou exemplo de criar essa abas em Java-script ? porque os exemplos que arranjei......ecá…

Abas — GUJ

3 Respostas

_fs 10 de nov. de 2004

Bem, uma maneira de implementar seria

&lt;html&gt;
	&lt;head&gt;
		&lt;title&gt;Tests&lt;/title&gt;
		
		&lt;script language="javascript"&gt;
			var abas = new Array( 'aba1', 'aba2', 'aba3' );
			function openAba( idAba )
			{
				for( var i = 0; i < abas.length; i++ )
				{
					var el = document.getElementById( abas[ i ] );
					el.style.display = ( idAba == el.id ) ? '' : 'none';
				}
			}
			
			function closeAll()
			{
			
			}
		&lt;/script&gt;
	&lt;/head&gt;

	&lt;body&gt;
		
		&lt;input type="button" value="aba1" onclick="openAba( 'aba1' );"&gt;
		&lt;input type="button" value="aba2" onclick="openAba( 'aba2' );"&gt;
		&lt;input type="button" value="aba3" onclick="openAba( 'aba3' );"&gt;
		
		&lt;div id="aba1" style="position: absolute; top: 20px; left: 0px;"&gt;
			<p>conteudo1. Pode ser um iframe ou qualquer outra porcaria</p>
		&lt;/div&gt;
		
		&lt;div id="aba2" style="display: none; position: absolute; top: 20px; left: 0px;"&gt;
			<p>conteudo2. Pode ser um iframe ou qualquer outra porcaria</p>
		&lt;/div&gt;
		
		&lt;div id="aba3" style="display: none; position: absolute; top: 20px; left: 0px;"&gt;
			<p>conteudo3. Pode ser um iframe ou qualquer outra porcaria</p>
		&lt;/div&gt;
	&lt;/body&gt;
&lt;/html&gt;

Claro que pode ser muitérrimo otimizado, acabei de fazer isso, mas dá para você pegar a idéia.

Você também pode entrar aqui
http://www.brainjar.com/css/tabs/demo.html
para ver um exemplo, mas só funciona no IE.

Ou você também pode usar tecnologias que, entre outras coisas, tem abas de verdade

www.openlaszlo.com

kartler 11 de nov. de 2004

Valeuuuuuuuuuuu LIPE

giu 11 de nov. de 2004

Valeu não!! MUIITOOO VAALEU, eu tava precisando de uma solução bem simples assim!!!

Outra coisa, akele site q tu indicou, pelo menos aki, funcionou perfeitamente com firefox 1.0 !!

3 Respostas

Topicos relacionados