Ir para conteúdo

Arquivado

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

fritoocwb

Janela Popup fecha na hora de enviar email

Recommended Posts

Olá amigos gostaria de um ajuda

 

Estou criando uma janela popup com informações de produto selecionado e nela um formulário de contato para orçamento.

 

Esta ok o formulario mais o problema que quando vou enviar de dentro do popup a janela fecha e o email não envia .

ja fiz o teste do codigo na index do site e o email esta enviando ok.

 

A div do popup
<div class="popup_wrap d_none" position="fixed" style="display" id="quick_view_product">
<section class="popup r_corners shadow">
<button class="bg_tr color_dark tr_all_hover text_cs_hover close f_size_large"><i class="fa fa-times"></i></button>
<div class="clearfix">
<div class="custom_scrollbar">
 
 
A do Formulario
 

<h2 class="tt_uppercase color_dark m_bottom_25">Contact Form</h2>
<p class="m_bottom_10"><span class="scheme_color">*</span> </p>
<form id="contactform">
<ul>
<li class="clearfix m_bottom_15">
<div class="f_left half_column">
<label for="cf_name" class="required d_inline_b m_bottom_5">Nome</label>
<input type="text" id="cf_name" name="cf_name" class="full_width r_corners">
</div>
<div class="f_left half_column">
<label for="cf_email" class="required d_inline_b m_bottom_5">Email</label>
<input type="email" id="cf_email" name="cf_email" class="full_width r_corners">
</div>
</li>
<li class="m_bottom_15">
<label for="cf_subject" class="d_inline_b m_bottom_5">Assunto</label>
<input type="text" id="cf_subject" name="cf_subject" class="full_width r_corners">
</li>
<li class="m_bottom_15">
<label for="cf_message" class="d_inline_b m_bottom_5 required">Mensagem</label>
<textarea id="cf_message" name="cf_message" class="full_width r_corners"></textarea>
</li>
<li>
<button class="button_type_4 bg_light_color_2 r_corners mw_0 tr_all_hover color_dark">Enviar</button>
</li>
</ul>
</form>
                                     <hr class="m_bottom_10 divider_type_3">
</div>

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por babylon
      Ola amigos,
       
      Estava querendo criar algo para meu site, um botao igual do site abaixo para calcular formas de pagamento "ver formas de pagamento":
       
      https://www.chipart.com.br/pc-gamer-level-one-black-amd-3400g
       
      Segue imagem em anexo.
       
      Alguem poderia me ajudar se tem algum script algo pronto ou que ajude para abrir pop up modal?
       
      Obrigado a todos.
       
       

    • Por guialacerda
      Alguem me recomenda um plugin para colocar popups no wordpress? Vou usar imagens, tipo vou por uns 4 banners popup aleatórios.
    • Por notax
      Pessoal, boa tarde.
       
      Seguinte:
      Tenho um form e no mesmo form dois buttons... Esses buttons chamam uma função... Cada um deles dá um submit pra um pagina especifica... Assim:

       
      <script language="JavaScript"> function Gerar() { if (valida_campo()){ document.form.action="file1.php"; document.forms.form.submit(); } } function Calcular() { if (valida_campo()){ document.form.action="file2.php"; document.forms.form.submit(); } } </script>  
      Como eu faço para:
      1) abrir file2.php em um popup?
      2) tenho como abrir file2.php em um fancybox? Considerando que os dados são enviados por POST?

      Valeu!
       
       
       
       
       
    • Por VictorPHP
      Bom dia Galera!

      Fiz uma tela de cadastro na aplicação usando popup. Para cadastro tudo certo, pois não preciso recolher informações.
      Para fazer a tela de update, precisava que quando clicasse no link "Editar" ele buscasse a linha que eu cliquei para editar, porem em todas as tentativas de resolver isso ele pegou somente a primeira linha, fora que colocando o html do popup nessa ordem, ele foi parar la no canto direito.

      Segue o codigo de uma das tentativas :

      // Aqui é onde faço o select com todos ativos da carteira em tabela, e a DIV popup é exibida quando clico no link Editar. Não sei se é o lugar correto mas foi o mais proximo que consegui de fazer funcionar. Porem como ja explicado sempre pega o primeiro valor em vez da linha que cliquei
      {ativo.map(row => (
      <tr>
      <input className="key" value={row._id} />
      <td>{row.ativo}</td>
      <td>{row.quantidade}</td>
      <td>{row.data_entrada}</td>
      <td>{row.valor_entrada}</td>
      <td>{row.data_saida}</td>
      <td>{row.valor_saida}</td>
      <td>R${row.valor_saida - row.valor_entrada}</td>
      <td><a onClick={edit}>Editar</a></td>

      <div className="popupedit">
      <div className="popupedit-content">
      <img src={close} alt="close" onClick={fechar} className="close" width="20px" height="20px"/>
      <center><input type="text" placeholder="Ativo"></input>
      <input type="text" placeholder="Lotes"></input>
      <div className="datacompra">
      <input type="date" placeholder="Data da Compra" className="data"></input>
      <input type="checkbox" className="check"></input><label className="check">Hoje</label>
      </div>
      <input type="text" placeholder="Valor da Compra"></input>
      <div className="datacompra">
      <input type="date" placeholder="Data da Compra" className="data"></input>
      <input type="checkbox" className="check"></input><label className="check">Hoje</label>
      </div>
      <input type="text" placeholder="Valor da Venda"></input> </center>
      <button className="button">Adicionar</button>
      </div>
      </div>
      </tr>


      // função que chama exibi o popup
      function edit(){
      document.querySelector(".popupedit").style.display = "flex";
      }
    • Por kaionr
      Olá, estou com uma dificuldade para posicionar um elemento. 
      Se trata de um pop-up que aparece na tela ao clicar. Acontece que esse pop-up não fica centralizado em todas as telas dependendo da resolução.
      No momento estou usando o position absolute, a div é essa abaixo: 
      .form-structor { background-color: #222; border-radius: 15px; height: 550px; width: 450px; position: absolute; top: -100px; left: 170px; overflow: hidden; } Também já tentei:
      {position: relative; top: 50%; left: 50%;}
       
       
      Alguém pode me ajudar? 
      Qual propriedade eu utilizo para ficar centralizado tanto horizontal e quanto vertical em qualquer resolução?
×

Informação importante

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