1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

Mover pop-up div

Discussão em 'Web Development' iniciada por vpess, 15 de Julho de 2008. (Respostas: 3; Visualizações: 2204)

  1. vpess

    vpess Power Member

    Boas,

    Eu fiz uma pop-up utilizando div's, mas queria que desse para mover a pop-up. Como faço isso?


    Código pop-up:
    Código:
    <html>
    <title></title>
    <style type="text/css">
    #popup{
    position: absolute;
    top: 30%;
    left: 30%;
    width: 300px;
    height: 150px;
    padding: 20px 20px 20px 20px;
    border-width: 2px;
    border-style: solid;
    background: #CCCCCC;
    display: none;
    }
    .style1 { font-family: "Times New Roman", Times, serif; font-size: 12px; font-weight: bold;}
    .style2 { font-family: "Times New Roman", Times, serif; font-size: 11px;}
    </style>
    <!--<body onload="javascript: abrir()">-->
    <script language="javascript" type="">
    function fechar(){
    document.getElementById('popup').style.display = 'none';
    }
    function abrir(){
    document.getElementById('popup').style.display = 'block';
    setTimeout ("fechar()",100000);
    }
    </script>
    <DIV id="popup"> 
    <table border="1">
    <tr><td><div align="right"><small><a href="javascript: fechar();">[X]</a></small></div>
    Enviar senha:</td></tr>
    <tr><td>Digite o seu E-mail:<input type="text" size="15" /></td></tr></table>
    </DIV>
    <br /> <a href="javascript: abrir();">Abrir POPUP</a>
    </body>
    </html> 
    
     
  2. hYpe

    hYpe [email protected] Member

    Queres que seja o utilizador a mover o pop up?

    Tipo arrastando-a ?
     
  3. vpess

    vpess Power Member


    Exactamente. Isso será complicado??
     
  4. skandal

    skandal Power Member

    Última edição: 15 de Julho de 2008

Partilhar esta Página