Jquery İletişim Formu

Web sistemlerimizde yer alan iletişim formlarını jquery ve ajax ile daha görsel ve kullanışlı bir hale getirebiliriz. Bu örneğimizde buton veya linke tıklanıldığında iletişim formumuz ekrana geliyor ve gerekli alanların doğruluk kontrolü yapılarak eposta yoluyoruz.Bu iletişim formu SimpleModal üzerine kurulmuştur. OnOpen, onShow ve onClose geriçağırımlarının kullanımı yanı sıra SimpleModal ile Ajax kullanımı gösterir.

İndex.html kodlarımız

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9" />
<link type='text/css' href='css/contact.css' rel='stylesheet' media='screen' />
</head>
<div id='contact-form' align="center"><h2>Gumusluoglu.Com Jquery İletişim Formu &amp;Ouml;rneği</h2>

<input type='button' name='contact' value='İletişim Formu' class='contact demo'/> or <a href='#' class='contact'>İletişim Formu</a>
</div>
<!-- Load JavaScript files -->
<script type='text/javascript' src='js/jquery.js'></script>
<script type='text/javascript' src='js/jquery.simplemodal.js'></script>
<script type='text/javascript' src='js/contact.js'></script>
<body>
</body>
</html>

9 thoughts on “Jquery İletişim Formu

  • Merhaba, bu formu çalıştırmadım. Yolla butonuna bastıktan sonra bir explorer penceresi çıkıyor ama içinde bir mesaj yok, formda da Gönderiliyor… mesajı yazıyor ama göndermiyor.Sorun nerede olabilir?

  • Örneği firefox veya internet exploerer 8 tarayıcılarında deneyiniz veya yerel bir sunucuda deneyiniz php kodları içermektedir örneğimiz

  • evet örneği deniyorum ama yukarıda bahsettiğimi gibi çalıştıramıyorum.www.sakamali.com adlı yeni siteme de ekledim bir kontrol edebilirsiniz siz de. Sağ üstte bulunan iletişim linki ile.

  • merhabalar bu iletişim formunu kullandım ama gönderilen maillerde türkçe karakterler düzgün gözükmüyor. bu konuda yardımcı olabilmeniz mümkün mü?

  • ajax çalışan sayfa encode’un nedir ?

    genel charset’in iso-8859-9 ise sayfa başına
    header(‘Content-Type: text/html; charset=iso-8859-9’);

    eklersen kodunu ekle

  • en başta aynen bu şekilde header kodu ekli zaten
    header(‘Content-Type: text/html; charset=iso-8859-9’);

  • sorunun server ayarlarıyla bir ilgisi var mı yoksa sadece kullanılan kodlarla mı ilgili? çünkü çok araştırdım ve kodlarla ilgili ne yaptıysam olmadı.

  • Charseti aşağıdaki şekilde utf-8 ile değiştirince oldu

    $headers .= “Content-type: text/html; charset=utf-8\n”;

  • Ne yazık ki, bir sunucu sorunu mesajınızı teslim engelledi.

    hem localden hemde sunucu üzerinden aynı cevabı alıyorum hata nerede acaba_?

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir