3 Muhteşem İletişim Formu (jquery)

Written by bbuyukguzel. Posted in Programlama, Web

Merhabalar ,

Bu yazıda beğendiğim 3 iletişim formunu topladım.3 iletişim formu da jquery kullanıyor…


1)Joren Rapini’s Contact Form

Demo : http://jorenrapini.com/posts/contactform/

Uygulamanın Kodları ve Anlatım : http://jorenrapini.com/blog/css/jquery-validation-contact-form-with-modal-slide-in-transition

Bu uygulamanın çok güzel bir açılıp kapanma efekti var.Hoş bir uygulama.


2)A Pretty Ajax Contact Form

Demo : http://demo.tutorialzine.com/2009/09/fancy-contact-form/demo.php

http://batuhan.buyukguzel.com/iletisim/iletisim.php

Uygulamanın Kodları ve Anlatım : http://tutorialzine.com/2009/09/fancy-contact-form/

Bu uygulama benim favorim.Çok beğendim ve kendi siteme ekledim.Türkçe karakterlerde sorun yaşayabilirsiniz ama kod bilginiz varsa kolayca halledilebileceğini düşünüyorum.Kod bilginiz yoksa (benim gibi) örneğin ş yerine s yaparak sorunu çözebilirsiniz :)



3)T-infection jQuery ile Açılır Kapanır İletişim Formu

Demo : http://www.t-infection.com/demo/iletisimformalani/index.html

Uygulamanın Kodları ve Anlatım : http://www.t-infection.com/jquery-ile-acilir-kapanir-iletisim-formu-alani-yapimi/

Bu uygulama da ziyaretçileriniz için oldukça pratik ve görsel.Yalnız eklemek istediğim bir durum var.Sitedeki orjinal anlatımda mail fonksiyonu yok.


Mail gönderme özelliğini eklemek için aşağıdaki kodları iletisim.php olarak kaydedip upload etmeniz gerekiyor.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-9n">
</head>
<body>
<?php
$to = "buraya mail adresi gelecek";
$subject = "Iletisim Formu";

$headers = "From:" . $_POST["isim"];
$headers .= "<" . $_POST["eposta"] . ">rn";
$headers .= "Reply-To: " . $_POST["eposta"] . "rn";
$headers .= "Return-Path: " . $_POST["eposta"];

$message .= "Sitenizden gelen iletisim form islem sonucunn";
$message .= "Adiniz Soyadiniz: " . $_POST["isim"] . "rn";
$message .= "E-Posta Adresiniz: " . $_POST["eposta"] . "rn";
$message .= "Web Adresiniz: " . $_POST["web"] . "rn";
$message .= "Mesajiniz: " . $_POST["mesaj"] . "rn";

mail($to, $subject, $message, $headers);
?>
<SCRIPT LANGUAGE="JavaScript">
var shant="index.html" //yönlendirmek istedi&eth;iniz adres bu websitenizin ana sayfas&yacute;da olabilir ile&thorn;im sayfas&yacute;da
document.write('Mesajiniz Alinmistir Otomatik Olarak Yönlendirileceksiniz!' + shant)//ekranda ç&yacute;kacak mesaj
function forPage()
{
location.href=shant
}
setTimeout ("forPage()", 1000);//Bekleme süresi

</SCRIPT>
</body>
</html>

Tags: , , , , ,

Trackback from your site.

  • http://www.renkliteneke.com/ Ahmet

    Hepsi birbirinden güzel. Teşekkürler. Özellikle 2.si hoşuma gitti. 1.si de alternatif olabilir. Web sitesi hazırlarken öyle bir iletişim formu kullanmak oldukça işe yarar diye düşünüyorum. En azından ziyaretçi iletişim formu aramaktan kurtulmuş olur.

  • Gokturk

    kardeş ikinciyi bi anlatsaydın
    hangi dosyada host ayarları ver mail şi,fre ayarları var?
    nereler editlenecek.?
    sana zahmet!

    • Anonim

      Ben derleme yaptığım için anlatma gereği duymamıştım ama 2. için yardımcı olayım.

      2. formun sitesinde belirtmiş bu çalışmayı yapan şahıs : “You can put your email in submit.php. There is an $emailAddress variable on line 5.”

      Bu iletişim formu için host ayarına vs. gerek yok sadece submit.php’nin 5. satırına “$emailAddress = ‘deneme@gmail:disqus .com’;” kısmını düzeltmeniz gerekiyor…

      Diğer formlar da aynı mantıkla çalışıyor özel ayarlara gerek yok.Sadece mail kısmınızı düzenlemeniz yeterli.

      Başka bir sorun olursa yazın yardımcı olmaya çalışayım.