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 Ö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>
8 Comments
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”;