Mostrar Div Oculta

#1 MMarcus

Novato no fórum

Usuários
5 posts

Sexo:Masculino
Localidade:Belo Horizonte

Posted 04/03/2007, 17:52

Boa tarde pessoal!

Vim pedir ajuda de vocês porque preciso de uma coisa que eu acho que é em Javascript, mas não tenho certeza.
Já tentei no Dreamweaver, mudar no Behavior pra quando clicar no link aparecer uma div, até aí tudo bem, o problema é que ela não aparece no lugar certo e sobrepõe o que está escrito abaixo.

Mais especificamente, o que eu preciso é disso que tem nas páginas de download do Superdownloads (exemplo: http://superdownload...m?softid=16138) no "Quer tirar esse aviso de vez? Clique aqui para saber como!", já copiei o código e mudei o nome da minha div pra mesma do SD pra ver se funcionava mas também não deu...
Ele é diferente porque se insere no espaço abaixo do link, não sobrepondo o resto do texto.

Vocês têm alguma sugestão do que eu possa tentar?

Desde já obrigado.

#2 Alex Hiroshi

Super Veterano

Ex-Admins
4923 posts

Sexo:Masculino
Localidade:São Paulo - SP

Posted 04/03/2007, 18:01

Esse tutorial, do Guilherme Blanco, pode te ajudar: http://forum.wmonlin...?showtopic=2658

Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#3 MMarcus

Novato no fórum

Usuários
5 posts

Sexo:Masculino
Localidade:Belo Horizonte

Posted 04/03/2007, 18:06

Muito Obrigado!
Irei tentar...

P.S.: Eu até tinha procurado antes, mas não como "camadas"...

Edit: Funcionou sim, porém da mesma maneira que usando o Behavior do DW..., ela continua aparecendo sobreposta ao texto de baixo... =\

Edição feita por: MMarcus, 04/03/2007, 18:35.

#4 Alex Hiroshi

Super Veterano

Ex-Admins
4923 posts

Sexo:Masculino
Localidade:São Paulo - SP

Posted 04/03/2007, 19:00

Se for possível, poste o código que você está tentando usar. Caso precise, faça as modificações que eu postei na segunda página desse tutorial, talvez possa ajudar.
http://forum.wmonlin...&...st&p=646161

Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#5 MMarcus

Novato no fórum

Usuários
5 posts

Sexo:Masculino
Localidade:Belo Horizonte

Posted 04/03/2007, 19:14

Eu tentei o que está na segunda página também, mas não deu...

No arquivo de exemplo eu inclui uma mudança na position (static) e no exemplo funcionou, porém, na minha página ainda não...

 sDiv.style.position = "static";
       } else {
         sDiv.style.display = "none";
       }
     }
   </SCRIPT>
 </HEAD>
 <BODY>
   <A HREF="#" ONCLICK="camada('menu');">Abre e fecha a camada 'menu'</A>

   <!-- Camada 'menu' -->
   <DIV ID="menu" STYLE="POSITION _linenums:0'><HTML> <HEAD>   <TITLE>Mostrar/Esconder camadas - por Guilherme Blanco</TITLE>   &lt;script>     function camada( sId ) {       var sDiv = document.getElementById( sId );       if( sDiv.style.display == "none" ) {         sDiv.style.display = "block";	<strong class='bbc'> sDiv.style.position = "static";</strong>       } else {         sDiv.style.display = "none";       }     }   </SCRIPT> </HEAD> <BODY>   <A HREF="#" ONCLICK="camada('menu');">Abre e fecha a camada 'menu'</A>   <!-- Camada 'menu' -->   <DIV ID="menu" STYLE="POSITION: absolute; TOP: 35px; LEFT: 5px; WIDTH: 400px; HEIGHT: 300px; ZINDEX: 2; BACKGROUND: #FFFFFF; BORDER: 3px dotted #000000; display:none">só troque todos os visibility por display, visible por block, hidden por none . .   </DIV><strong class='bbc'><br></strong>teste </BODY></HTML>

Assim ela funcionou. Mas aonde eu preciso não:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Untitled Document</title><link href="estilo.css" rel="stylesheet" type="text/css" />   &lt;script>     function camada( sId ) {       var sDiv = document.getElementById( sId );       if( sDiv.style.display == "none" ) {         sDiv.style.display = "block";	<strong class='bbc'> sDiv.style.display = "static";</strong>       } else {         sDiv.style.display = "none";       }     }   </SCRIPT><body><!--Início menu--><div id="lateral">	<img src="home.jpg" /><br />	<strong class='bbc'><a href="#" onclick="camada('menu');"><img src="toq.jpg" /></a></strong><br />	<strong class='bbc'><div id="menu" style="position: absolute; top: 200px; left: 20%; width: 120px; height: 120px; zindex: 2; Display: none;"></strong>	<ul>		<li><a href="#">Item 1</a></li>		<li><a href="#">Item 2</a></li>		<li><a href="#">Item 3</a></li>		<li><a href="#">Item 3</a></li>	</ul></div><!--Fim do menu--></body></html>

Será que o que eu tô querendo não tem jeito mesmo?

Edit: Consegui. Mudando o lugar da div no código... ela não estava exatamente abaixo do link! Muito obrigado pela ajuda de vocês, e aproveitando o tópico, tem como ao clicar em outro link, fechar a div que tiver sido aberta por esse processo e automaticamente abrir uma outra? (Estou usando isso para fazer um sub-menu).

Edição feita por: MMarcus, 04/03/2007, 19:22.

#6 Alex Hiroshi

Super Veterano

Ex-Admins
4923 posts

Sexo:Masculino
Localidade:São Paulo - SP

Posted 04/03/2007, 22:34

Tem sim. Dá para você passar, como parâmetro de uma função, o id da div que você quer fechar. Mas em se tratando de um menu, o melhor é buscar todas as div's e fechá-las.
Um exemplo pode ser visto na dúvida desse tópico: http://forum.wmonlin...howtopic=169967
A função submenu():

function submenu(menu){
ul = document.getElementById("menus").getElementsByTagName("div"); // pega as divs que estão no elemento com id 'menus'
for(i=0;i<ul.length;i++){ // faz um loop pegando todas as divs
ul.item(i).style.display="none"; // 'fecha' todas
}
sm.style.display="block"; // 'abre' só a que é necessária
} 
}

Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#7 MMarcus

Novato no fórum

Usuários
5 posts

Sexo:Masculino
Localidade:Belo Horizonte

Posted 05/03/2007, 16:12

Cara, muito obrigado pelas explicações... Não conheço quase nada de js e as suas respostas foram de grande ajuda!

Valeu!

#8 Miguceamma

MiguPenjisse

Usuários
13201 posts

Posted 18/09/2017, 07:33

Cephalexin For Adult Uti cialis buy online Dosage Of Amoxicillin For Strep Throat
Levitra 20 Mg Bayer Le Cialis Marche
Sont Amoxil <a href=http://cialtobuy.com>online pharmacy</a> Discount Direct Generic Levaquin Get Online Salford
Propecia While On Finasteride online pharmacy Order Now Cod Only Fluoxetine Fedex
Priligy Virosta Purchase Viagra Australia Cialis 20 Gramos
Cialis Pour Premiere Fois <a href=http://cialtobuy.com>cialis</a> Dapoxetine
Cephalexin Oral Suspension Dog Dosing cialis price Cialis Mal Di Schiena Dovuto Purchase Prescription Antibiotic Amoxicillin 875 Dose Levitra Echantillon Cialis Gratuit cialis Nizagara Canadian Pharmacy

#9 Miguceamma

MiguPenjisse

Usuários
13201 posts

Posted 05/10/2017, 23:02

Levitra Aus Holland Amoxicillin For Throut Lung Vente Lioresal 25mg levitra coupon free trial Generic Real Provera Medication Best Website Fedex Generic Doxycycline Cafergot Discontinued
Buy Silagra From India Clomid Anabolic Steroids Viagra Buy In Canada viagra Progesterone Cheap On Line Store Levitra 20mg Pfizer Prix
Amoxicillin Animals Urolosin O Propecia Propecia 30 Mg viagra online Isotretinoin cash delivery overseas Viagra Vasodilatador

#10 Miguceamma

MiguPenjisse

Usuários
13201 posts

Posted 03/11/2017, 01:30

Comprare Viagra Sicuro On Line Propecia Dunnes Haar overnight delivery buy levitra online Cialis Deutschland Apotheke Propecia Side Effects Laser
Amoxicillin Sensitive To Sunlight Acheter Cialis Marseille viagra Cialis 5 Mg Original
What Is Keflex For cialis Mejor Hora Para Tomar Propecia

1 user(s) are reading this topic

Entrar