Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Amoroso

com div

Recommended Posts

Tenho 3 div's em uma página.

 

div1 é o menu1.

embaixo vem o div2 que é outro menu.

embaixo vem o div3 que será o conteúdo.

 

quando for clicado no div2 ele deverá direcionar o link para o div 3, em frames era só utilizar target no href e a linkagem é feita, como faço isso com div ?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Amoroso, Boa Noite!

No momento apenas posso te orientar a fazer uma pesquisa na seção de JavaScripts/DHTML AJAX que você irá encontrar algum conteúdo que te ajude.

 

Boa Sorte, até mais. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

Acho que funciona mais ou menos dessa forma:

 

Esse é o div que você quer que apareça quando for clicado no div2:

Em scr você tem a página que vai aparecer quando for clidada a opção no div2. O style="dislplay:none", indica que a o div contendo a página a princípio não estará visível.

 

CODE
<DIV ID="telefone1" style="display:none">

<IFRAME SRC="telefone1.html">

</IFRAME>

</DIV>

 

Você pode usar o seguinte código:

 

CODE
function telefone1() {

if (document.getElementById("telefone1").style.display=="none") {

document.getElementById("telefone1").style.display="block";

}

else {

document.getElementById("telefone1").style.display="none";

}

}

 

Utilize um código semelhante a esse: <a onMouseOver="java script:telefone1()" onMouseOut="java script:telefone1()"><b>Telefone:</b></a>, para fazer com que algum item no seu div2 seja o link que vai direcionar para a página que será aberta nesse div oculto. Nesse caso o div só irá aparecer quando o mouse estiver sobre a palavra Telefone que se encontra por exemplo no seu div2. Mas você pode usar o onClick para que a página seja mostrada quando houver um clique sobre a palavra telefone.

Espero que isso possa te ajudar, um grande abraço... fique com Deus... até....

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.