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

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-9\n">
</head>
<body>
<?php
$to = "buraya mail adresi gelecek";
$subject = "Iletisim Formu";

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

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

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>

One Response to “3 Muhteşem İletişim Formu (jquery)”

  1. Ahmet diyor ki:

    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.

Leave a Reply