Ir para conteúdo

POWERED BY:

Arquivado

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

Hebe

div oculto

Por , em Javascript

Recommended Posts

Hebe    0

Hebe
Postado

Boa tarde gente http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif :rolleyes: http://forum.imasters.com.br/public/style_emoticons/default/shifty.gif

 

Eu estou a procura de um menu oculpa iqual ao do forum.

Ex: quando o usuário aperta em Busca aparece um div oculto e para fecha-lo é so apertar com o botão do mouse para oculta-lo novamente.

 

Eu sei fazer um div oculto aparecer mas não sei fazer ele desaparecer apertando com o botão do mouse em qualquer parte do site.

 

Alquém poderia me ajudar? http://forum.imasters.com.br/public/style_emoticons/default/closedeyes.gif

 

Obrigada

Compartilhar este post

Link para o post
Compartilhar em outros sites

Hebe    0

Hebe
Postado

Obrigada pela ajuda Thiago, http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif eu já havia visto esse artigo, eu sou fa do site do maujor.

 

Mas infelizmente não é isso que estou procurando. Eu procuro algo assim: O usuário aperta um link que faz um div oculto aparecer, o mesmo fica visível até o usuário apertar o botão do mouse em qualquer parte do site, tornando-o novamente oculto.

 

Iqual o deo forum no link busca no topo desse forum...

 

Obrigada pela ajuda

Compartilhar este post

Link para o post
Compartilhar em outros sites

Hebe    0

Hebe
Postado

Obrigado gente, com o link do thiago eu sei modifica-lo para minhas necessidades, eu já havia até pensado nisso pelo fato de ser bem limpo e simples, mais ainda tenho minha principal dúvida. pois o que eu estou procurando e como faço para o div fcar oculto novamente apertando qualquer parte da página e não em outro link... no exemplo o div fica oculto quando tiramos o mouse do link, também sei modifica-lo para ficar oculto somente quando apertar novamente no link mas não faço ideia de como faze-lo somente quando apertando com o mouse em qualquer lugar do site.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Tiago Cardoso    1

Tiago Cardoso
Postado

tenta isso, coloque no <body>:

 

onClick="teste(this);"

função:

 

function teste(elemento){if(elemento != document.getElementById("nome_do_menu"){//display none}}

testa ai...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Hebe    0

Hebe
Postado

Eu não consequi usar esse código tiago...

 

Esse resultado foi o mais perto que chequei

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>Untitled Document</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head><script>function wdi(id){document.getElementById(id).style.display='block';}function hdi(id){document.getElementById(id).style.display='none';}</script><body onDblClick="java script:hdi('mka')"><a onclick="java script:wdi('mka')">link</a><div id="mka"style="display:none;position:absolute;z-index:100"><form style="margin:0;padding:4px;border:1px solid #003399;background:#f0f5fa"><div style="padding:0 0 4px 0">Ir para a página</div><input type="hidden"name="id_categoria"><input type="text"name="pgn"id="ft10"style="width:38px"title="Digite o número da página que você pretende ir"> <input type="submit"id="ft14"value="Ir"></form></div></body></html>

Mas para funcionar tenho que fazer um onDblClick mas quero fazer com um onclick

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito