Yeni Kayıt
Konudaki Resimler
< Bu mesaj bu kişi tarafından değiştirildi wuratakdag -- 17 Ağustos 2011; 12:50:22 > |
Hızlı 
Bildirim
İletişim formu (Form mail) hakkında (Çözüldü)
Sıcak Fırsatlarda Tıklananlar
Editörün Seçtiği Fırsatlar
Daha Fazla 
Bu Konudaki Kullanıcılar:
Daha Az 
2 Misafir - 2 Masaüstü
Giriş
Mesaj
-
-
Nerenin yanında gözükmesini istiyorsan hata mesajlarının, oraya şu özellikte -style="display: block"-bir div içerisinde koy. Daha sonra kontrol yaparken JS ile, eğer zorunlu alan dolu değilse "document.getElementById("div_id").style.display = "none";" kodunu çalıştırt. Orada none yerine block yazarsan tekrar gizlenir. Birden fazla zorunlu alan varsa mesela 2 tanesi dolu değilse ikisinede uyarı gösterecek, ama birini daha doldurup formu onaylarsa onun hata mesajının gizlenmesi gerek. Onun için yazdım son kısmı 
Umarım anlatabilmişimdir
-
Söylediğin anlaşılır fakat beni biraz aşıyo sanırım :S -
JS bilginiz ne düzeyde? Az biraz biliyorsanız dediğim aslında çok basit
-
saol dostum yardımın için eksik olma. ama gel görki js bilgim hiç yok gibi:( Dediklerini biraz araştırıp yapmaya çalışıcam artık :) -
Öncelikle "Gönder" butonuna bir onSubmit eventi koy ve hata mesajlarını div'e alıp, html kısmına sayfanın neresinde gözükecekse ekle. Ama dediğim gibi -style="display: block"- şu kısmı unutma. Daha sonra bu eventte çalışacak JS fonksiyonunu yazacaksın.
Örnek bir tane vereyim istersen
<tr>
<td align="right">Adınız : </td>
<td><input name="sender_name" type="text"></td>
</tr>
<input value="Gönder" name="send" type="submit" id="send" />
<tr>
<td align="right">Adınız : </td>
<td><input name="sender_name" type="text"></td>
<td><div id="el_1" style="display: block">Ad girilmediğinde yazmasını istediğin hata mesajı</div>
</tr>
<input value="Gönder" name="send" type="submit" id="send" onSubmit="kontrolFonksiyonu();"/>
Bu şekilde normalde sayfa açılınca hata mesajı gözükmeyecek.
Ancak form submit ediliğinde bir JS fonksiyonu kontrol edecek bu alan dolu mu değil mi diye, dolu değilse fonksiyon şöyle bir komut çalıştıracak ve false dönecek
document.getElementById("el_1").style.display = "none";
div'lerin id'lerini bu şekilde abc_1, abc_2 gibi verirsen, JS fonksiyonunda bir for döngüsüyle daha kolay kontrol edebilirsin.
-
Yardımların için çok teşekkür ederim. -
Merhaba;
Bunun en kolay yolu, ajax'ın can damarı JQUERY kullanarak yapmandır...
Aşağıdaki linkini veriyorum sadece yapman gereken, gerekli js leri indirip name ve ıd lerini değiştirmekdir.
http://jquery.bassistance.de/validate/demo/ -
quote:
Orijinalden alıntı: bysimsek
Merhaba;
Bunun en kolay yolu, ajax'ın can damarı JQUERY kullanarak yapmandır...
Aşağıdaki linkini veriyorum sadece yapman gereken, gerekli js leri indirip name ve ıd lerini değiştirmekdir.
http://jquery.bassistance.de/validate/demo/
AJAX'ın can damarı JQuery ne demek ya?
JQuery sadece ücretsiz bir JS kütüphanesidir. Herhangi bir teknoloji değildir. -
Merhaba;
Zaten teknoloji demek ki :) Oradaki mübalağa, sadece Juqery ile bir çok şeyi yapabilirsin cinsinden di.. -
Sağolun arkadaşlar eksik olmayın. -
arkadaşlar bu olay zaten dreamweaver içirisinde mevcutmuş:) Sonunda yaptım :)
Belki başkasınında işine yarar diye son çalışan halini yazıyorum.Yalnız .js ve .css dosyalarını için iletişime geçin yada isim olarak google da aratırsanız bulabilirsiniz diye tahmin ediyorum.Sonuçta DW nin kendi dosyaları.Ben sadece kendi yazdığım css i yazıyorum.
formcss.css
.form {
font:11px Tahoma, Geneva, sans-serif;
font-weight:bold;
}
.textici {
background:#d2eeff;
border: 1px solid #12d23b;
width: 230px;
height:20px;
}
.texticimsg {
background:#d2eeff;
border: 1px solid #12d23b;
width: 230px;
height:80px;
}
form.html
<!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=utf-8" />
<title>Untitled Document</title>
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<script src="SpryAssets/SpryValidationTextarea.js" type="text/javascript"></script>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryValidationTextarea.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/formcss.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form class="form"method="post" action="form.php">
<span id="sprytextfield1">
<label for="sender_name">Ad,Soyad</label><br>
<input class="textici" type="text" name="sender_name" id="sender_name" />
<span class="textfieldRequiredMsg">Bu kısmı doldurmalısınız .</span><span class="textfieldMinCharsMsg">İsminizi kontrol ediniz..</span><span class="textfieldMaxCharsMsg">isim çok uzun.</span></span><br>
<span id="sprytextfield2">
<label for="sender_email">e-mail</label><br>
<input class="textici" type="text" name="sender_email" id="sender_email" />
<span class="textfieldRequiredMsg">Bu kısmı doldurmalısınız .</span><span class="textfieldInvalidFormatMsg">Mail adresinizi kontrol ediniz.</span></span><br>
<span id="sprytextfield3">
<label for="subject">Konu</label><br>
<input class="textici" type="text" name="subject" id="subject" />
<span class="textfieldRequiredMsg">Bu kısmı doldurmalısınız .</span></span><br>
<span id="sprytextarea1">
<label for="message">Mesaj</label><br>
<textarea class="texticimsg" name="message" rows="5" id="message"></textarea>
<span id="countsprytextarea1"> </span><span class="textareaRequiredMsg">Bu kısmı doldurmalısınız.</span><span class="textareaMinCharsMsg">En az 10 karakter yazmalısınız</span></span><br>
<input type="submit" name="send" id="send" value="Gönder" />
</form>
<script type="text/javascript">
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "none", {minChars:3, maxChars:25, validateOn:["blur", "change"]});
var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2", "email", {validateOn:["blur", "change"]});
var sprytextfield3 = new Spry.Widget.ValidationTextField("sprytextfield3", "none", {isRequired:false});
var sprytextarea1 = new Spry.Widget.ValidationTextarea("sprytextarea1", {minChars:10, counterType:"chars_count", counterId:"countsprytextarea1", validateOn:["blur", "change"]});
</script>
</body>
</html>
form.php
<!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=utf-8" />
<title>İletişim Formu</title>
</head>
<body>
<?php
$sender_name = $_POST["sender_name"];
$sender_email = $_POST["sender_email"];
$subject = $_POST["subject"];
$message = $_POST["message"];
$adres = "sizin@mailadresiniz.com";
$konu = "İletisim Formu";
$mesajveri.="İLETISIM FORMU MESAJI\n\n";
$mesajveri.="Ad Soyad: ".$sender_name."\n";
$mesajveri.="E-Mail: ".$sender_email."\n";
$mesajveri.="Mesaj Konusu: ".$subject."\n";
$mesajveri.="Mesaji: ".$message;
$mesajyolla = mail($adres, $konu, $mesajveri);
if($mesajyolla)
{
echo "<center>İletisim mailiniz bize ulaştı, en kısa sürede cevaplanacaktır. İlginiz için teşekkür ederiz.<br><a href=form.html>Geri dön..</a></center>";
}
else
{
echo "<center>E-Mail gönderilirken hata oluştu! Lütfen daha sonra tekrar deneyiniz.</center>";
}
?>
</body>
</html>
< Bu mesaj bu kişi tarafından değiştirildi wuratakdag -- 17 Ağustos 2011; 12:46:10 >
-
yada hazırlarıda mevcuthttp://www.sitekodlari.com/iletisimformuekle.php sitesinden başvurabilirsin.
Sayfa:
1
Ip işlemleri
Bu mesaj IP'si ile atılan mesajları ara Bu kullanıcının son IP'si ile atılan mesajları ara Bu mesaj IP'si ile kullanıcı ara Bu kullanıcının son IP'si ile kullanıcı ara
KAPAT X
Bu mesaj IP'si ile atılan mesajları ara Bu kullanıcının son IP'si ile atılan mesajları ara Bu mesaj IP'si ile kullanıcı ara Bu kullanıcının son IP'si ile kullanıcı ara
KAPAT X
