MENÜYÜ AÇ
Bu konumuzda sizlerle Jquery İletişim formunu ayrıntılı bir şekilde ele alalım uygulama konusuna değinelim.Ziyaretçiler bir butona veya linke veya da bir resime tıkladığında iletişim formumuz efektli bir şekilde açılsın.İsterseniz Hemen başlayalım.
1.) İlk olarak head tagları arasına kütüphenelerimizi çağıralım.
<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> <link type='text/css' href='css/contact.css' rel='stylesheet' media='screen' />
2.) Body tagından sonra iletişim formu uygulamasını tetikleyecek kodlarımızı yerleştirelim.İster input olan butonu isterseniz a href olan link yapısını kullanabilirsiniz
<div id="contact-form"> <input class="contact demo" type="button" name="contact" value="İletişim Formu" /> <a class="contact" href="#">İletişim Formu</a> </div>
Sayfamızda yapacağımız işlem bitti şimdi ayrıntılı şekilde inceleme yapalım kullanıp kullanmayacağınız özelllikleri belirtelim.
indirdiÄŸiniz klasör içinde “dosya/iletisim.php” dosyasını açalım. 3 satırdaki aÅŸağıdaki gibi bilgilerimizi düzenleyelim.
İşlemin gerçekleşmesi için hostinginizde mail fonksiyonun çalışması gerekiyor
// Ayarlar $to = "kendi mail adresiniz"; // mail adresiniz $subject = "İletişim"; // mesajın konusu // kullanmak istemediğiniz özelliği false yapınız $extra = array( "form_subject" => true, // mesaj konusu "form_cc" => true, // mesaj kopyasını kendine gönder "ip" => true, // mesaja gönderen kişinin ip adresi eklensin mi "user_agent" => true // mesaja gönderen kişinin user agent eklensin mi );
Eğerki ekran siyah şeklinde kararmasını istemiyorsanız beyaz yada farklı bir renkte olmasını istiyorsanız
“css/contact.css” içerisindeki aÅŸağıdaki gibi “background-color” kısmını deÄŸiÅŸin ayrıca “cursor:wait;” kısmını kaldırırsanız kararma alanında çıkan bekleme ifadesi kalkacaktır
#contact-overlay {background-color:#000; cursor:wait;}
Dosyalar ve Demo AÅŸağıdadırÂ
ender Nis 5 2012 - 11:53
TeÅŸekkürler Flash sorunu halloldu fakat chorome’de medya player embed kodunda aynı sorun var bu soruna nasıl bir çare bulabiliriz.
aysun Nis 30 2012 - 17:40
Çok güzel bir paylaşım çok teşekkür ederim bilgileriniz için :)
yener Haz 28 2012 - 17:54
merhabalar çalışma güzel olmuş ama ben yapamadım galiba. görsellikte sorun yok form geliyor ama mesaj gönder butonuna tıklayınca gönderilemedi diye hata alıyorum sürekli. mail adresi ısmını düzenledim ama yine hata devam ediyor
Merhaba, bu formu çok sevdim ve kullanmak istedim. email alanına kendi emailimi yazdım ve bir adresde kullandım ama email gelmedi. Nerede hata yapmış olabilirim?. Php desteklenen bir hostingte kullandım bu arada. Teşekkürler.
Merhaba, bende herÅŸey çalışıyor ancak form doldurulup, mail olarak geldiÄŸinde, “konu” kısmı okunamıyor. Dil kodlamasından heralde, “denem bir iki üç ışç” diye geliyor mail. Bunu nasıl düzeltebilirim.
Ayrıca aynı formdan alan çıkartıp, sadece biz sizi arayalım şeklinde, telefon numarası toplayabilmek çok uğraşlı mı olur ?
Teşekkürler.
Öncelikle paylaşımınız için teşekkür ederim. Ben bu jquery uygulamasını başka bir form için uygulamak istiyorum. Nasıl yapabileceğim hakkında bilgi verebilir misiniz? Teşekkürler.
hell know dosyayı indiriyorum ama açılmıyo bile neys bşi demyrm
Son yorumlar