Sayfadan uzaklaşmadan gönderme formu sayfa

Question

JQuery kullanarak, içinde küçük bir form bulunan bir bölümün üstesinden gelmek için kullanıyorum ancak formun işlenme biçimi, kullanıcıları sayfadan uzaklaştırıyor, yalnızca neye ekleyeceğimi merak ediyordum Senaryoyu çağırsın, bilgiyi gönder, ama sayfadan uzaklaşmamalı ve kapanmadan önce divda küçük bir teşekkür mesajı göstersin mi?

İşte formunu içeren div benim kodlama var: Ben gidiyor tahmin ediyorum

<?php 
    $name   = $_POST['name']; 
    $phone   = $_POST['phone']; 
    $question  = $_POST['question']; 
    $howsoon  = $_POST['howsoon']; 

    $headers = "Content-Type: text/plain; charset=iso-8859-1\n"; 
    $headers .= "From: $name"; 
    $recipient = "sales@ouremailaddress.com"; 
    $subject = "Callback request"; 

    $email_body = " 
    Name: $name 
    Phone: $phone 
    Preferred Time: $howsoon 
    ------------------- 
    Message and/or Details: $question "; 

    mail($recipient, $subject, $email_body, $headers); 

?> 

:

İşte

<script> 
jQuery(document).ready(function() { 
    jQuery ("a[rel]").overlay({mask: {color: '#000', loadSpeed: 200,opacity: 0.5}, top: '25%',}); 
}); 
</script> 

<div class="home-block"> 
    <div class="home-block-content"> 
    <div class="home-block-col1"> 
     <h2>call us</h2> 
     why not call our friendly designers or let us call you... <span class="callus">0845 6808107</span><br> 
     <a href="#" rel="#callback" class="simpledialog">request a call back</a></div> 
    <div class="home-block-col2"><a href="#" rel="#callback" class="simpledialog"><img src="{{skin url=""}}images/media/callus.png" border="0" alt="call us" /></a></div> 
    </div> 
    <div class="clear-block"><br> 
    </div> 
</div> 
<div class="simple_overlay" id="callback"> Please enter your details and we will call you back...<br /> 
    <br /> 
    <form id="form" name="form" method="post" action="forms/callbackscript.php"> 
    <div class="callback-label">Name:</div> 
    <div class="callback-field"> 
    <input name="name" type="text" size="25" class="callback-input"></div><div class="clear-block"></div> 
    <div class="callback-label">Phone Number:</div> 
    <div class="callback-field"> 
    <input name="phone" type="text" size="25" class="callback-input"></div><div class="clear-block"></div> 
    <div class="callback-label">Callback time*:</div> 
    <div class="callback-field"> 
    <select name="howsoon" class="callback-select"> 
    <option value="ASAP">As soon as possible</option> 
    <option value="AM">AM</option> 
    <option value="PM">PM</option> 
    </select></div><div class="clear-block"></div> 
    <div class="callback-label">Your Question:</div> 
    <div class="callback-field"> 
     <textarea name="question" cols="27" rows="3" class="callback-input"></textarea><div class="clear-block"></div> 
    </div> 
<div class="callback-label"></div><div class="callback-field"> 
<input type="submit" name="Submit" value="Submit" /> 
    </form></div><div class="clear-block"></div> 
<div class="note">*Please note we can only call back between the hours of 8-5 Monday-Friday and 9-1 on Saturday</div> 
<div class="clear-block"></div> 
</div> 

olan formları/callbackscript.php dosyasının içeriği ajax işlevinin bir tür olması, ancak jQuery için şu anda dik bir öğrenme eğrisinde olması! Herhangi bir yardım büyük takdir edilecektir.

Answer 1

Kolayca yardım :) için here

jQuery DOCS