Jquery İle PHP İletişim Formu
Freelance web tasarımcılar statik web sitesi işi aldığında istisnalar durumlar haricinde yazılımcıya ihtiyaç duymazlar. Bu istisna durumların en başında da çoğu zaman iletişim formları gelir. Siteye sadece bir iletişim formu eklemek için de bir yazılımcı ile anlaşmak, web tasarımcının işine gelmez:) Ancak bu noktadan sonra, internette bütün özellikleri ile çalışan bir php iletişim formu bulmak ve onu siteye eklemek web tasarımcılar için bazen zor ve can sıkıcı olabiliyor.
Hazır Jquery de web siteleri için trend haline gelmişken bunu php iletişim formu oluşturmak için kullanmamak olmazdı. Php iletişim formu arayan web tasarımcıların çok işine yarayacak bir uygulama bu. Bütün özellikleri ile çalışmaya hazır bir Php / MySql iletişim formu… Onay (Submit) butonunda ve görsel düzenlemesinde Jquery kullanılarak çok şık bir hale getirilen bu iletişim formunu diğerlerinden ayıran en büyük özelliği; sadece mesaj göndermekle kalmayıp, ayrıca bu mesajları veritabanında saklayıyor olması. Böylece iletişim formundan yollanan bütün mesajların yedeğini alabiliyorsunuz.
Mesajları veritabanında saklayan tablo aşağıdaki gibi:
|
1 2 3 4 5 6 7 8 9 |
CREATE TABLE CONTACT(
pk_contact INT UNSIGNED NOT NULL auto_increment,
name VARCHAR(120) NOT NULL,
email VARCHAR(120) NOT NULL,
website VARCHAR(120) NOT NULL DEFAULT "",
message VARCHAR(300) NOT NULL,
added_date TIMESTAMP NOT NULL DEFAULT CURRENT_TIMESTAMP,
primary key(pk_contact)
)type=innodb DEFAULT CHARACTER SET utf8 COLLATE utf8_general_ci; |
Bu tablo sayesinde mesajı yollayan kişinin adı, e-mail adresi, mesaj tarihi ve mesajın kendisi veritabanında saklanıyor.
İletişim Formunun Diğer Özellikleri
1) Tabloda görülen alanların karakter sınırlarını değiştirebilirsiniz. Ancak php dosyasında da aynı değişiklikleri yapmayı unutmamanız gerekiyor.
2) Formdaki bütün kontroller ve onaylar sunucuda gerçekleşiyor. Böylece, eğer kullanıcı tarafından bir alan boş bırakılırsa ya da yanlış doldurulursa hata uyarısı görüntüleniyor.
3) İletişim formu tarafından bir mesaj yollandığında, yani veritabanına yeni bir mesaj eklendiğinde yöneticiye e-mail yoluyla yeni bir mesajın geldiği haber veriliyor.
4) İletişim formuna ait 2 farklı tasarımda CSS şablonu bulunuyor. Web sitenize uygun olanını kullanabilir ve üstünde istediğiniz değişikliği yapabilirsiniz.
Kurulum
Kurulum için yapmanız gereken tek şey, indirdiğiniz .zip dosyasının içinde yer alan veritabanı scriptini (db_main_script.sql) çalıştırmak ve config.php dosyasındaki veritabanı ayarlarını (aşağıda görünen ayarları) yapmak.
|
1 2 3 4 |
define('DB_SERVER', 'localhost');
define('DB_USER', 'root');
define('DB_PASS', '');
define('DB_NAME', 'ContactForm'); |
Ayrıca isteğe bağlı olarak “mesajın konusu” gibi e-mail ile ilgili bölümleri de düzenleyebilirsiniz.
Kurulumun tamamlanması için tabi ki bütün dosyaları sunucunuza yüklemeniz gerekiyor.
Kullanmaya başlamadan önce önizleme link ile formu test edebilirsiniz. Güle güle kullanın:)
Önizleme | İndir
Benzer Yazılar:
-
Cenk
-
Turgay
-
Ramazan
-
Bilgehan
Sponsorlar
