Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal, como faço para criar um formulário que aparece "Sobreposto" na página quando a pessoa entra no site!
Exemplo em site: https://www.agenciakaizen.com.br/
Gostaria de fazer um formulário de captura mas que a pessoa possa fecha-lo se não quiser preenche-lo.
Alguém sabe de um tópico que ensine a fazer isto?
Agradeço à quem puder me ajudar, mesmo indicando o nome deste tipo de processo , exemplo "Janela pop-up"
Encontrei a resposta para minha dúvida, na verdade, no Bootstrap ela é denominada Janela Modal e no HTML 5 + CSS3 + JS ela é denominada Janela Popup Fixa
Dentro do HEAD coloca-se o CSS e o JS:
<style>
.popup1{
position:fixed;
top:0;
bottom::0;
left:0;
right:0;
margin:auto;
width:300px;
height:180px;
padding:15px;
border:solid 2px #333333;
background:#99FF00;
display:none;
}
</style>
<script type="text/javascript">
function abrir(){ document.getElementById('popup1').style.display = 'block';
}
function fechar(){
document.getElementById('popup1').style.display = 'none';
}
</script>
Depois na tag BODY um chamado para abrir
<body onload="abrir()">
Quanto às ações do JavaScript são dentro do BODY<!-- Ações do Popup1 -->
<a href="javascript: abrir();">Abrir PopUp</a><br />
<a href="javascript: fechar();">Fechar PopUp</a><br />
<br /><br />
<a href="#" onmouseover="abrir();">Passar o Mouse pra Abrir</a><br />
<a href="#" onmouseover="fechar();">Passar o Mouse pra Fechar</a><!-- Janela do Popup1 -->
Para finalizar o HTML5 (Também no BODY)
<div id="popup1" class="popup1">
<p>Modelo simples com várias opções de botão</p>
</div>
Resolvi postar aqui para quem precisar de uma **Janela Poup Fixa**, depois é só ajustar os **HTML 5 + CSS3 + JS **conforme a sua necessidade!
Abraço à todos
Para facilitar a compreensão de minha dúvida, vou explicar melhor:
Quando você está nas páginas do Facebook e clica em qualquer foto de usuário:
Abre-se uma página com fundo transparente
E no meio a foto clicada e ampliada.
Minha dificuldade não é a janela dinâmica em si (programação PHP), mas a forma de se criar está página transparente com o objeto ao centro (pré-definido).
Grato à quem puder me ajudar!