Ilmu Dasar PHP, JQuery, HTML, AJAX Dll: Membuat Form Contact Cool

langsung aja ya gan karna dah malem gw posting dan besok juga gw mo kerja jadi nga pake penjelasan ok, klo memang ada pertanyaan langsung komen aja ya. gratis nga di pungut biaya..ok

langsung ke TKP:
buat file dengan nama kontak.php
<html>
<head>
<script src="jquery-1.4.js"></script> 
<script>
$(document).ready(function(){
$("#kirim").click(function(){
   var nama = $('#nama').val();
   var email = $('#email').val();
   var subjek = $('#subjek').val();
   var pesan = $('#pesan').val();

$.ajax({
type: "POST",
url : "kirim_kontak.php",
data: "nama="+nama+"&email="+email+ "&subjek="+subjek+
"&pesan="+pesan,
success: function(data){
   $('#info').html(data);
                      }
              });
// batalkan pengiriman melalui form standar (false)
// karna akan dikirimkan via ajax request
        return false;
          });
    });

</script>
</head>
<body>
<form>
     <h2>Hubungi Kami</h2>
     <p>Nama :
     <div><input type="text" name="nama" id="nama"/></div></p>
     <p>Email :
     <div><input type="text" name="email" id="email"/></div></p>
     <p>Subjek :
     <div><input type="text" name="subjek" id="subjek"/></div></p>     <p>Pesan :
     <div><textarea type="text" name="pesan" id="pesan"/></div></p>
     <p><input type="submit" id="kirim" value="Kirim"/></p>
</form>

<div id="info"></div>
</body>
</html>

file pertama selesai sekarang kita membuat file2 agar program yang kita buat menjadi sempurna...

buat script dengan nama kirim_kontak.php
<?php
$email_to = "rudi0207@gmail.com" // email pemilik webside ini bisa di ganti dengan email agan
$nama = $_POST['nama'];
$email = $_POST['email'] ;
    $subjek = $_POST['subjek'];
    $pesan = $_POST['pesan'];

//webmail seperti gmail, yahoo, dll memerlukan dua headers yaitu dari siapa from dan dibalas ke siapa replay //to agar email tidak dimasukan ke bagian spam

$headers = "from: $email\r\n";
$headers .= "Replay-to: $email\r\n";

// mail() adalah fungsi di php untuk mengirimkan email
     if(mail($email_to, $subjek, $pesan, $headers)){
// kirim tesk berhasil ke ajax bahwa eail berhasil di kirim
     echo "Pesan berhasil di Kirim";
     }else{
       echo "Pesan gagal di kirim";
     }
?>

sudah selesai dah .. ok selamat mencoba.. gw dah ngantuk nih... Thx atas komentarnya.. klo anda cukup baik tolong batun saya untuk mengklick iklan google yang ada biar saya tambah semangat memberikan ilmu.... hehehehe

Ilmu Dasar PHP, JQuery, HTML, AJAX Dll

Selasa, 18 September 2012

Membuat Form Contact Cool

Tidak ada komentar:

Posting Komentar