Onclick no link, abrir em div

[rovisilva 0]

Bom dia pessoal,

 

Eu estou com a seguinte dúvida.

 

Como eu faço pra ao clicar em um link, sem sair da página (pode até carregar novamente) abrir em uma div?

 

abraço!

[msantino 0]

desculpe mas não entendi bem o que você quer...

 

 

Bom dia pessoal,

 

Eu estou com a seguinte dúvida.

 

Como eu faço pra ao clicar em um link, sem sair da página (pode até carregar novamente) abrir em uma div?

 

abraço!

[Alaerte Gabriel 662]

Isso não é PHP, mais vou te dar um exemplo:

 

<p align="center" style="width: 234px"><a href="java script:void(0)" onclick="document.getElementById('contato').style.visibility='visible'">Contato</a></p>
<div id="contato" style="visibility:hidden">
<table bgcolor="silver">
<tr><td>
<p align="center" style="width: 235px"><a href="mailto:gabriel.php@gmail.com">Enviar e-mail ao Alaerte</a><br /><a href="java script:void(0)" onclick="document.getElementById('contato').style.visibility='hidden'">Fechar</a></p></td></tr>
</table>
</div>

[rovisilva 0]

<p align="center" style="width: 234px"><a href="java script:void(0)" onclick="document.getElementById('contato').style.visibility='visible'">Contato</a></p>
<div id="contato" style="visibility:hidden">
<table bgcolor="silver">
<tr><td>
<p align="center" style="width: 235px"><a href="mailto:gabriel.php@gmail.com">Enviar e-mail ao Alaerte</a><br /><a href="java script:void(0)" onclick="document.getElementById('contato').style.visibility='hidden'">Fechar</a></p></td></tr>
</table>
</div>

Hum, então... só enchugando um pouco,

 

<p>

<a href="" onclick="document.getElementById('contato').style.visibility='visible'">Contato</a></p>

<div id="contato" style="visibility:hidden">
	aaaaaaaaa
</div>

Não entendo muito de javascript, mas pra que serve esse a href="java script:void(0)"?

 

com ele, ou sem ele, ou com outro link, ao clicar no contato, a outra div aparece mais não fica visível, ela aparece e carrega outra página, reóricamente carrega a "java script:void(0)", mas sem isso, apenas volta pra página teste que tem apenas o "contato"...

 

será que deu pra entender o que eu disse? rs...

 

abraço

[rovisilva 0]

<p align="center" style="width: 234px"><a href="java script:void(0)" onclick="document.getElementById('contato').style.visibility='visible'">Contato</a></p>
<div id="contato" style="visibility:hidden">
<table bgcolor="silver">
<tr><td>
<p align="center" style="width: 235px"><a href="mailto:gabriel.php@gmail.com">Enviar e-mail ao Alaerte</a><br /><a href="java script:void(0)" onclick="document.getElementById('contato').style.visibility='hidden'">Fechar</a></p></td></tr>
</table>
</div>

Hum, então... só enchugando um pouco,

 

<p>

<a href="" onclick="document.getElementById('contato').style.visibility='visible'">Contato</a></p>

<div id="contato" style="visibility:hidden">
	aaaaaaaaa
</div>

Não entendo muito de javascript, mas pra que serve esse a href="java script:void(0)"?

 

com ele, ou sem ele, ou com outro link, ao clicar no contato, a outra div aparece mais não fica visível, ela aparece e carrega outra página, reóricamente carrega a "java script:void(0)", mas sem isso, apenas volta pra página teste que tem apenas o "contato"...

 

será que deu pra entender o que eu disse? rs...

 

abraço

[Alaerte Gabriel 662]

Aqui funciona normalmante, quando clico ele aparece... quando clico em fechar ele some...

 

uso o void(0) por nada, apenas por colocar.

[Marcio Leandro 0]

Movido: PHP=>DHTML