Ir para conteúdo
Raitoniisa

Como fazer uma tela inicial que deslize para esquerda ou para direita revelando os formulários e não formulários que apareçam como PopUp?

Recommended Posts

Olá, como que faço para quando clicar no botão registrar, a tela deslize para esquerda ou direita e em seguida revele o formulário de cadastro que se encontra atrás desta div?

Obs: Sou iniciante e javascript rsrs. :D

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 Anibal Cesar
      ola!
      acho que meu problema é simples, mais estou perdido nessa linha abaixo
       
      <div id="camera"><img src="http://192.168.1.120:8096/videostream.cgi?user=admin&amp;pwd=admin" style="width: 496px; height: 282px;"></div> tenho tambem essa outra linha abaixo
      <a>IP: </a> <a id ="ip_roteador">-</a> </div> estou querendo criar uma (variavel)  que esta captando o numero no campo (ip_roteador) e alterar ele no lugar do (192.162.1.120) toda vez que esse campo receber um novo valor,
      só lembrando que o campo (ip_roteador) recebe o valor automaticamente
       
      acho que é mai ou menos assim;
      <div id="camera"><img src="http://" + ip_roteador + ":8096/videostream.cgi?user=admin&amp;pwd=a05057505" style="width: 496px; height: 282px;"></div> mais não esta dando certo
      se alguem puder me ajudar
    • Por nosredna
      Fala galera,
       
      criei um site em PHP e fiz uma aplicação de chat em tempo real utilizando o PHP + Ajax + Pusher.
      A aplicação funcionou redondinha no local. Porém, quando eu subi o site no servidor (que por sinal usa o Linux como SO), a aplicação dá o seguinte erro:
       
      [Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience.
       
      Já tentei colocar o 'async:true' e nada... alguém sabe me informar se o fato do servidor usar o Linux tem alguma coisa a ver com o erro? alguém tem alguma ideia do que eu poderia fazer pra resolver?
       
      Valeu...
    • Por miqueas12
      A função a seguir da o seguinte erro "Uncaught ReferenceError: jQuery is not defined". O meu projeto está em typescript, e esse código está dentro de uma tag <head>... Segue o código
      (function ($) { $(document).ready(function () { $('ul.dropdown-menu [data-toggle=dropdown]').on('click', function (event) { event.preventDefault(); event.stopPropagation(); $(this).parent().siblings().removeClass('open'); $(this).parent().toggleClass('open'); }); }); })(jQuery);  
    • Por Joannes Waquim
      Ola pessoal, bom dia, estou tentando exibir uma mensagem "enviado com sucesso" ou "ocorreu um erro", deveria ser fácil mas tentei de varias formas, tenho um menu em menu.php, onde passo o mouse e  desse um sub menu e click abre uma modal com um formulario segue exemplo do  codigo.
       
       
      <div id="myModal" class="reveal-modal" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog"> <h2 id="modalTitle">Upload Arquivo FAQ.</h2> <form action="admin/uploadFaq.php" method="post" name="form_up" id="form_up" enctype="multipart/form-data"> <table> <td> <h4>Importar arquivo </h4> <div class='input-file'> <div class="in-file">Selecione um arquivo</div> <input name="fileFaq" id='input-file' type='file' accept=".pdf" /> </div> </td> <td> <button class="btn btn-green box" name="enviar" id="enviar">Enviar</button> </td> </table> </form> <a class="close-reveal-modal" aria-label="Close">&#215;</a> </div>  
       
       
      ai o codigo em uploadfaq.php esta assim
       
      if (isset($_FILES['fileFaq']['name']) and !empty($_FILES['fileFaq']['name'])) { $diretorio = ""; $nome_Upload_Faq = 'FAQ_PED.pdf'; #recebe o endereço onde o qrquivo esta localizado $arquivo_temp = $_FILES['fileFaq']['tmp_name']; #recebe o nome do arquivo $nome_arquivo = $_FILES['fileFaq']['name']; #busca a ultima ocorrencia da estring no caso o "." e depois converte tudo para minusculo //$ext = strtolower(strrchr($nome_arquivo, '.')); copy($arquivo_temp, $diretorio.$nome_Upload_Faq); header('Location: ../principal.php'); /* if (copy($arquivo_temp, $diretorio.$nome_Upload_Faq)) { #redireciona para a pagina principal header('Location: ../principal.php'); echo '<div id="myModal" class="reveal-modal" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog"> <h2 id="modalTitle">Tudo OK!</h2> <td> <h4>Arquivo enviado com Sucesso!! </h4> </td> <a class="close-reveal-modal" aria-label="Close">&#215;</a> </div>'; }else { #redireciona para a pagina principal header('Location: ../principal.php'); } */ }  
       
      ao enviar ele simplesmente redireciona, como mostra o código acima já fiz para ele primeiro exibir mensagem depois redirecionar, depois tentei para redirecionar para depois exibir a mensagem, mas percerbi que nesse arquivo isso não da para acontecer e tenho que fazer no próprio arquivo menu, ja coloquei esse codigo la mas nao funcionar, 
      ja tentei também alguma coisa com javascrip mas não deu, não quero aquele aviso do javascript mas um avio com outra janela modal apos ser recarregado a pagina.
       ja tentei assim tambem 
       
       
      <!doctype html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="../zurb/foundation5.5.3/css/foundation.css"> <script src="../zurb/foundation5.5.3/js/foundation/foundation.dropdown.js"></script> <title></title> </head> <body> <?php /** * Created by PhpStorm. * User: jwaquim * Date: 26/01/2018 * Time: 11:27 */ if (isset($_FILES['fileFaq']['name']) and !empty($_FILES['fileFaq']['name'])) { $diretorio = ""; $nome_Upload_Faq = 'FAQ_PED.pdf'; #recebe o endereço onde o qrquivo esta localizado $arquivo_temp = $_FILES['fileFaq']['tmp_name']; #recebe o nome do arquivo $nome_arquivo = $_FILES['fileFaq']['name']; #busca a ultima ocorrencia da estring no caso o "." e depois converte tudo para minusculo //$ext = strtolower(strrchr($nome_arquivo, '.')); copy($arquivo_temp, $diretorio.$nome_Upload_Faq); echo '<div id="myModal" class="reveal-modal" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog"> <h2 id="modalTitle">Tudo OK!</h2> <td> <h4>Arquivo enviado com Sucesso!! </h4> </td> <a class="close-reveal-modal" aria-label="Close">&#215;</a> </div>'; // header('Location: ../principal.php'); /* if (copy($arquivo_temp, $diretorio.$nome_Upload_Faq)) { #redireciona para a pagina principal header('Location: ../principal.php'); echo '<div id="myModal" class="reveal-modal" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog"> <h2 id="modalTitle">Tudo OK!</h2> <td> <h4>Arquivo enviado com Sucesso!! </h4> </td> <a class="close-reveal-modal" aria-label="Close">&#215;</a> </div>'; }else { #redireciona para a pagina principal header('Location: ../principal.php'); } */ }?> </body> </html>  
      ai fica em tela branca sem exibir mensagem
       
      o menu.php sempre e linkado com o principal php por isso o menu.php nao aprece na url, ai no uploadfaq.php depois dessa mudança fica na tela branca, que posso fazer? tentei de varias formas possiveis
       
      segue imagem 
       
      para enviar funciona normal para exibir a mensagem personalizada em moal é o que não estou conseguindo fazer!!
      desde já agradeço.


    • Por Alessandro Bodão
      Bom dia rapaziada, estou fazendo um site com o scroll travado com overflow:hidden, e quero que alguns elementos apareçam e desapareçam em determinadas partes do site, mas o código js só funciona se o scroll estiver rolando. Queria que me ajudassem a funcionar mesmo o overflow:hidden.
×

Informação importante

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

Este projeto é mantido e patrocinado pelas empresas:
Hospedado por: