Ir para conteúdo

POWERED BY:

Arquivado

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

lgabreu

DIV e <select>

Por , em Javascript

Recommended Posts

lgabreu    0

lgabreu
Postado

Galera,gostaria de saber como faço para exibir uma DIV sobre um objeto SELECT so formulário, existe alguma solução ? A DIV só aparece por baixo do SELECT, em qualquer outro objeto do formulário ele joga por cima.Alguma tem a solução ?Grato,Luiz Gustavo

Compartilhar este post

Link para o post
Compartilhar em outros sites

sitenovo    0

sitenovo
Postado

essa duvida, foi por demais discutida aqui e ate onde li, nao vi nenhuma resposta salvadora!!Uns dizem ser problemas dos IEs, outros de scripts e por ai vai...O jeito é evitar que isso ocorra, ok??Mas, navegue por ai que você verá muito sobre essa duvida!é por ai...[]sRodney

Compartilhar este post

Link para o post
Compartilhar em outros sites

Genautech    0

Genautech
Postado

essa duvida, foi por demais discutida aqui e ate onde li, nao vi nenhuma resposta salvadora!!Uns dizem ser problemas dos IEs, outros de scripts e por ai vai...O jeito é evitar que isso ocorra, ok??Mas, navegue por ai que você verá muito sobre essa duvida!é por ai...[]sRodney

Hahaha! Como Voces são pessimistas!É claro que tem uma solução. e bem simples por sinal!Um simples javaScript Resolve o problema!E um iFrame de mentirinha bem posicionado limpa a bagunça. Setando um Id para o iFrame, e definindo-o para uma Div específica.Vejam só:<html><head> <script> function MostraDiv(state) { var DivRef = document.getElementById('PopupDiv'); var IfrRef = document.getElementById('DivMestra'); if(state) { DivRef.style.display = "block"; IfrRef.style.width = DivRef.offsetWidth; IfrRef.style.height = DivRef.offsetHeight; IfrRef.style.top = DivRef.style.top; IfrRef.style.left = DivRef.style.left; IfrRef.style.zIndex = DivRef.style.zIndex - 1; IfrRef.style.display = "block"; } else { DivRef.style.display = "none"; IfrRef.style.display = "none"; } } </script></head><body> <form> <select> <option>Puxa! Só o Imasters Mesmo!</option> </select> </form> <div id="PopupDiv" style="position:absolute; top:25px; left:50px; padding:4px; display:none; background-color:#000000; color:#ffffff; z-index:100"> Voilá galera!<br>Tá todo mundo feliz agora!. </div> <iframe id="DivMestra" src="java script:false;" scrolling="no" frameborder="0" style="position:absolute; top:0px; left:0px; display:none;"> </iframe> <br> <br> <a href="#" onclick="MostraDiv(true)">Clique aqui para mostrar a DIV.</a> <br> <br> <a href="#" onclick="MostraDiv(false)">Clique aqui para esconder a DIV.</a></body></html>******************************************************************Espero ter ajudado!

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