Ir para conteúdo
Superwagtel

Formulário de Captura

Recommended Posts

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"

 

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

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!

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

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

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por Kelven
      Galera to enfrentando um problema, no meu tumblr to querendo colocar o popup de newsletter do Mailchimp, até ai tudo bem, é pra funcionar que nem no script abaixo, porém esse script só funciona se eu excluir aquela parte que está marcada, porém se eu excluir ela o tema do tumblr não funciona como deveria em celulares. Alguém sabe me dizer que tipo de conflito é esse e como posso resolver???
      <script type='text/javascript' src='http://space.fitterbiz.com/wp-includes/js/wp-embed.min.js?ver=4.9.10'></script> <script type="text/javascript" src="//downloads.mailchimp.com/js/signup-forms/popup/embed.js" data-dojo-config="usePlainJson: true, isDebug: false"></script> <script> function showMailingPopUp() { require( ["mojo/signup-forms/Loader"], function(L) { L.start({"baseUrl":"mc.us14.list-manage.com","uuid":"7f359a9e538573b27c9e39820","lid":"e64535f817"}) } ); document.cookie = 'MCPopupClosed=;path=/;expires=Thu, 01 Jan 1970 00:00:00 UTC;'; document.cookie = 'MCPopupSubscribed=;path=/;expires=Thu, 01 Jan 1970 00:00:00 UTC;'; } document.getElementById("open-popup").onclick = function() {showMailingPopUp()}; </script> <a onclick="showMailingPopUp(); return false;" id="open-popup" style="cursor:pointer">Subscribe!</a> <!-- quando coloco isso não funciona --> <script src="https://static.tumblr.com/xlsgtjb/mt5o305mz/scripts.min.js" charset="UTF-8"></script> <!-- quando coloco isso não funciona -->
    • Por Jefferson andre
      Ola, 
      Como eu faço para mostrar uma janela popup com uma mensagem ?
      teria algum exemplo por favor
    • Por filoh
      Como faço para criar uma mensagem ao entrar no meu site?
      Por exemplo, quero botar um anuncio ao entrar no site, uma caixa quadrada com um botão de fechar normal. Deixando o site um pouco obscuro quando essa mensagem aparece.
       
      No estilo como mostra na image anexada, porem sendo apenas uma mensagem, sem cadastro de newsletter.

    • Por Churraskar
      Boa tarde,
       
      Sou novo em programação web (na verdade aprendi olhando na internet, ou seja sou bem, bem bem novo nisso mesmo) e estou tentando fazer um site para um amigo.
       
      Já tenho o esqueleto pronto, porém queria fazer uma coisa para ajudar na "contagem" de acesso.
       
      Como é um site relacionado a RPG, queria criar um popup quando o usuário sair da página, abrir uma mensagem dizendo a seguinte expressão:
      -"Obrigado pela visita, e ao sair deixe uma moeda com a garçonete!"
      E ao lado da frase uma imagem de uma garçonete qualquer, em baixo da frase 2 botões, o primeiro para dar uma moeda a garçonete e fechar a página e o segundo para fechar a página...
      Além disso, queria fazer um sistema vinculado ao botão de dar moeda a garçonete, com um contador na página do site, para saber quantas moedas a garçonete recebeu...
       
      Estou procurando mas como não sei mexer muito com javascript, css, php e afins... gostaria de uma ajuda de vocês, não faço ideia de onde começar o código...
      Caso alguém saiba, ficaria muito grato!
       
      Desde já agradeço
      Diego Rocha
    • Por rdpacato
      Preciso fazer link onde tenho que pegar no evento do Clique a sessão do usuário (xpath) e montar um "form" dinâmico com "action" desse link no método post.
      E abrir um popup com estes dados da sessão.
       
      Algo assim:
       
      $('#formPopUp').bind('submit', function(){ var f = $(this); f.attr('action', f.attr('action') + "?idt=" + $('#param').attr('value')); });  
       
      Tenho meu código:
       
      <html> <head> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <style></style> <script language=javascript type="text/javascript"> function criarPopup(){ newWindow = window.open ('', 'pagina', "width=350, height=255, top=100, left=110, scrollbars=no "); newWindow.document.write ("Este é um novo popup <br/> <img src='imagem.jpg' width='100' height='100'>"); } </script> </head> <body> <form action="testeAction" method="POST" class="formPopUp"> <div class="img-push"> <input type="hidden" name="idp" value="teste"> </div> </form> <input type='button' id='valor' onClick='criarPopup()' value='Teste'/> </body> </html>  
×

Informação importante

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