Abas para mostrar os conteudos

[marvi]

Olá Pessoal,

Como faço esse efeito: http://www.tecnisa.com.br/imovel-residenci...izacao#conteudo

Acesse essa página e veja lá em baixo onde tem as abas: Localização, Imóvel e etc quando você clica ele exibe o conteúdo como se fosse ajax...

Pois tenho um ajax que faz isso mas para colocar as imagens no botão é ruim...

Alguém sabe como faz essas abas?

Grato!

[jow]

não cosegui acessar o link, apenas esse http://www.tecnisa.com.br/ o q você passou não foi

São as abas vila nova, morumbi etc ??

[marvi]

Pode ser tambem, mas me refiro a esse:

http://www.tecnisa.com.br/imovel-residenci...to+da+mata.html

Eu estava tentando fazer um refresh na propria página e pegar as informações do banco... acho que esse faz isso e não usa ajax...

Ver se vai...

Editado Novembro 7, 2008 por marvi

[jow]

Então também tentei fazer isso com os dados do bd eu não consegui cara .... só consegui criando as páginas q serão carregadas ....

[marvi]

você está fazendo um refresh? Eu tenho isso em AJAX só que os botões fica ruim para adaptar ao meu designer e tal... ai to tentando fazer em refrash no bontão que manda um valor e faz uma consulta no banco e imprimi os dados... se der certo eu te mostro...

Acho que assim dar o mesmo resultado para o usuário...

fiz

<area href="pre_lancamento.asp?id=<%=varvalor%>|apre"

e no meu próprio pre_lancamento.asp tem:

valor = split(Request.QueryString( "id"),"|")

varvalor=valor(0)

varvalor1=valor(1)

Que faz a consulta no banco e exibe o conteúdo...

Mas como fazer que quando ao clicar no botão e fazer refresh da própria página a página recarregada fique na mesma posição que estava e não no topo?

[jow]

é só você mandar exibir dentro da div ....

http://www.dynamicdrive.com/dynamicindex17/tabcontent.htm

se você conseguir usar o BD me manda hauahhauahaauhuha

[marvi]

tentei assim mas não vai... pois não pegou os valores no split

<ul id="countrytabs" class="shadetabs">

<li><a href="pre_lancamento.asp?id=<%=varvalor%>|apre" rel="country1" class="selected">Tab 1</a></li>

<li><a href="#" rel="country2">Tab 2</a></li>

<li><a href="#" rel="country3">Tab 3</a></li>

<li><a href="#" rel="country4">Tab 4</a></li>

<li><a href="http://www.dynamicdrive.com">Dynamic Drive</a></li>

</ul>

<div style="border:1px solid gray; width:450px; margin-bottom: 1em; padding: 10px">

<div id="country1" class="tabcontent">

Tab content 1 here<%=lazer%><br /><br />

</div>

[Rafael Spilki]

Nesse caso específico que você mencionou foi feito com css, ocultando as divs... isso se olhei no lugar certo! Mas nesse caso, se houver dúvidas quanto a isso o fórum adequado é o de CSS, quer mover pra lá?

[]'s Rafael Spilki

[marvi]

valeu então!