HTML formu Gönder Düğmeyi kapat javascript'i kullanarak kapat penceresi açılır.

Question

İşte benim sorunum. Javascript kullanarak bir pop-up oluşturdum ve daha sonra kullanıcılara e-posta adreslerini soran bir HTML formu ekledim. Gönder düğmesine bastıklarında (düğme html olarak yapılmış), açılır pencere kapanacak ve gönder düğmesine basıldığında e-postayı saklayan php betiğimi nasıl çalıştırabilirim? İşte

benim kodudur:

var moveForce = 15; // max popup movement in pixels 
 
var rotateForce = 10; // max popup rotation in deg 
 

 
$(document).mousemove(function(e) { 
 
    var docX = $(document).width(); 
 
    var docY = $(document).height(); 
 

 
    var moveX = (e.pageX - docX/2)/(docX/2) * -moveForce; 
 
    var moveY = (e.pageY - docY/2)/(docY/2) * -moveForce; 
 

 
    var rotateY = (e.pageX/docX * rotateForce * 2) - rotateForce; 
 
    var rotateX = -((e.pageY/docY * rotateForce * 2) - rotateForce); 
 

 
    $('.popup') 
 
    .css('left', moveX + 'px') 
 
    .css('top', moveY + 'px') 
 
    .css('transform', 'rotateX(' + rotateX + 'deg) rotateY(' + rotateY + 'deg)'); 
 
});

<div class="moving-zone"> 
 
    <div class="popup"> 
 
    <div class="popup-content"> 
 
     <div class="popup-text"> 
 
     <h2>Subscribe to hear about our special offers!</h2> 
 
     <form method="post" action="contact.php" name="contactform" id="contactform"> 
 

 
      <fieldset> 
 
      <input name="email" type="text" id="email" size="30" placeholder="Email Address"> 
 
      </fieldset> 
 

 
      <fieldset> 
 
      <button type="submit" class="btn btn-lg" id="submit" value="Submit">Submit</button> 
 
      </fieldset> 
 
     </form> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div>

Ben kullanıcı pop-up uzak ekranı tıkladığında o kadar açılır otomatik olarak kapanır hale nasıl

Ayrıca

, yoksa bir nasıl yerleştirebilirsiniz X açılır pencereden çıkmak için mi?

Teşekkür ederiz! Anladığım kadarıyla java betiğinde bir form hazırlayabiliyordum ama çatışmaya girdim, bu şekilde yapabileceğimi umuyorum.

function hidepopup() 
    { 
     document.getElementsByClassName('popup').item(0).style.display = 'none'; 
    } 

u: u bir işlev yapabilir örneğin

Answer 1

u açılan div aşağıda doğru yönde u koymaktır gizlemek için bazı javascript kodu kullanmanız gerekecektir ...

onsubmit olay

<form name="test" method="post" onSubmit="hidepopup()"> 
.... 
elements 
.... 
</form> 

diyebilirsiniz u allso pop-up giriş değerlerini kontrol ve sonrası önce kullanıcıyı uyarır ve kapatabilirsiniz:

<form name="test" method="post" onSubmit="return hidepopup()"> 
.... 
elements 
.... 
</form> 

ve işlev yanlış dönerse fonksiyonu bu durumda bu

function hidepopup() 
    { 
     if (check here if input values are NOT ok) 
     { 
      return false; 
     } 
     else 
     {document.getElementsByClassName('popup').item(0).style.display = 'none';} 
    } 

gibi olacak, form post olmaz.

Ve eğer posta gönderirseniz, tarayıcının formun hedef sayfasını yükleyeceğini unutmayın. Bunu önlemek için, belki XMLHttpRequest() kullanabilirsiniz.