ASP.NET C# C/C++ Genel HTML/CSS Java JS/Ajax PHP XML Forum

TRK Doğrular jQuery Fonksiyonu ile Form Alanlarınızı Doğrulayın

TRK Doğrular jQuery Fonksiyonu ile Form Alanlarınızı Doğrulayın

Merhaba arkadaşlar,

TRK Doğrular adını verdiğimiz bir jQuery form doğrulama fonksiyonu hazırladık sizler için. Fonksiyonun kurulumu ve kullanımı çok basittir. Ama önce fonksiyonun özelliklerini açıklayalım:

  1. Kurulumu çok basittir. Kullanımı daha basittir.
  2. class="required" olarak belirtilen form alanlarını boş bırakarak formu göndermeye çalıştığınızda boş inputlar kırmızıya döner. Yani class="required" sınıfları class="required warning" olur. Bu alanlar doldurulmadan formu gönderilmez.
  3. Boş bırakılan alanların üstüne tıklandığında ve birşeyler yazılmaya başlandığında input eski haline döner. Yani warning tanımlaması kalkar.
  4. class kısmına ekstra sınıflar yazabilirsiniz. Örnek class="stilim diger_stilim required"

Fonksiyonun kurulumu için trk_dogrular.js dosyasını indirmeniz gerekmektedir.

Kurulumu
 
HTML sayfanızın ... tagları arasına jQuery kütüphanesi ile trk_dogrular kütüphanesini ekleyin:

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="trk_dogrular.js"></script>

Bu iki satırın hemen altına:

<script>
    $(document).ready(function(){
        $("#ornek_form").trkDogrular();
    });
</script>

Satırlarını ekleyin. Daha sonra bir form oluşturun ve form id'sine "ornek_form" adını verin. Daha sonra eklediğiniz inputlara class="required" ekleyin. Bunu eklediğiniz inputlar doldurulması zorunlu alanlar olacaklardır.

<form id="ornek_form" action="">
    Adınız <input class="required" /><br />
    Soyadınız <input class="required" /><br />
    Eposta <input class="required" /><br />
    <input type="submit" value="Gönder" />
</form>

Hatalı olan yani boş bırakılan input alanlarına .warning isminde bir class eklenmektedir. İsteğe bağlı olarak düzenleyebilirsiniz.

.warning{
    border: 1px solid #FF0000;
}

Bu fonksiyon ile ilgili yaşadığınız problemleri lütfen yorum olarak yazmayı ihmal etmeyin. Sizlerin geri dönüşleriyle bu fonksiyon geliştirilecektir.

DEMO | FONKSİYONU İNDİR




Videolu PHP Dersi 1

Videolu PHP Dersi 1

Merhaba arkadaşlar,
İlk videomuzda sizlere PHP'den kısa olarak bahsediyorum. PHP nedir? Nasıl kurulur? Nasıl bir dildir? vb. gibi başlamadan önce bilmeniz gereken konuları anlatıyorum. Umarım ilk video için amatörce olmamıştır.

Zend Server CE'yi indirmek için tıklayınız.
Notepad++'ı indirmek için tıklayınız.
Sorularınızı Videolu PHP Dersleri





TR Kodlama'dan Bedava Hosting Kampanyası

TR Kodlama\'dan Bedava Hosting Kampanyası

Merhaba TR Kodlama ziyaretçileri,

TR Kodlama kaliteli içerik ekleyen kullanıcılarına bedava bir yıllık hosting imkanı sağlıyor.. Hosting kampanyasından faydalanmak için onaylanmış 10 adet makalenizin olması yeterlidir. Onaylanan makaleleriniz anasayfada sizin adınıza yeni makale olarak açılacaktır.

Hangi Kategorilerde Yazabilirsiniz?

  • ASP.NET
  • C#
  • C / C++
  • Genel(Programcılara veya webmasterlara yönelik makaleleriniz seo vb konularda..)
  • HTML / CSS
  • JAVA
  • JS / AJAX
  • PHP
  • XML
  • Diğer diller hakkında yine Genel kategorisinde yayınlanmak üzere yazabilirsiniz.

Makalelerinizde aradığımız en önemli detay orjinal olması! TR Kodlama olarak bu zamana kadar orjinalliğe son derece önem verdik. Bundan sonra orjinal olmak isteriz.

Makalelerinizin onaylanma süresi 24-48 saat arasında değişebilir. Makalelerinizin hepsi aynı anda onaylanmaz. Düzenli bir sırayla onaylanır. Her gün maksimum beş makale onaylanıp yayınlanacaktır. Kaç adet makalenizin onaylanıp yayınlandığını portalda sağdaki blokda Toplam Makale Sayınız bölümünden takip edebilirsiniz.

Hosting sağlayıcılığını yapacağımız sitelerin T.C Yasalarına aykırı bir içerik içermemesi gerekmektedir. İçermesi halinde hesabınızı TR Kodlama otomatik olarak engelleyecektir. Bu işlemi yaparken uyarı verip vermeme hakkını TR Kodlama saklı tutar.
Makalelerinizin orjinal olmadığı tespit edilirse hosting paketiniz ve üyeliğiniz engellenir.
Eğer sunucularımızdan memnun kalırsanız yayınladığınız makale sayısına bağlı olarak hostunuz 10 adet mesaj karşılığı 1 yıl uzatılır.
Eğer uzatma talebinde bulunduğunuz zaman ücret karşılığı hostunuzu uzatmaya devam edebilirsiniz.
Hostunuzun özelliklerini yükseltmek isterseniz ücret ödemeniz gerekmektedir. Bu durumda istediğiniz hosting özelliklerine göre bir ücret ödersiniz.

TR Kodlama Bedava Hosting Teknik Özellikleri ve davamını okumak için BURAYA tıklayınız.



PHP ile SEF Link Yapın Ve Kullanın

PHP ile SEF Link Yapın Ve Kullanın

Merhaba arkadaşlar,

Bugün SEO'nun-arama motoru optimizasyonu- vazgeçilmezi olan arama motoru dostu link yapımını veya bunun da orjinal adıyla söylemek gerekirse SEF link yapımını göreceğiz. Şimdi makale, haber veya ürün bilgilerini tuttuğunu tablonuzda bir sütun daha oluşturun. Bu sütuna `sef` adını verin. Artık tablonuzda makale, haber veya ürün başlıklarınızın SEF halinide tutabileceğiniz bir sütununuz var. Bundan sonra yeni makale eklerken başlıklarınızın SEF halinide ekleyeceksiniz.

Bu makale ile neler öğreneceksiniz?

  • Girilen bir başlığı SEF Link'e çeviren PHP fonksiyonunu
  • .htaccess dosyasında RewriteEngine, RewriteBase ve RewriteRule
  • .htaccess dosyasının SEF link işlemlerinde nasıl kullanıldığını
  • deneme.com/deneme-baslik-1.html adresinin aslında deneme.com/makale_oku.php?sef=deneme-baslik&id=1 sayfası olduğunu ama bunu son kullanıcının asla anlamadığını ve bu işlemin nasıl yapılacağını öğreneceksiniz.


Şimdi sizlere PHP'de kullanacağımız fonksiyonu veriyorum:

/**
 * sef_link()
 *
 * Basliklari SEF linke çevirme fonksiyonu
 *  
 * @param mixed $s
 * @return
 */
function sef_link($s){
	$tr = array('ş','Ş','ı','İ','ğ','Ğ','ü','Ü','ö','Ö','ç','Ç');
	// Türkçe karakterlerin çevirlecegi karakterler
	$en = array('s','s','i','i','g','g','u','u','o','o','c','c');
	$s = str_replace($tr,$en,$s);
	$s = strtolower($s);
	$s = preg_replace('/&amp;amp;amp;amp;amp;amp;amp;amp;.+?;/', '-', $s);
	$s = preg_replace('/[^%a-z0-9 _-]/', '-', $s);
	$s = preg_replace('/s+/', '-', $s);
	$s = preg_replace('|-+|', '-', $s);
	$s = str_replace("--","-",$s);
	$s = trim($s, '-');
	return $s;
}

Bu fonksiyon aracılığıyla başlıklarınızı sef hale getirebilirsiniz. Örnek vermek gerekirse "C++ Ders 1: Bir programın yapısı" başlığını "c-ders-1-bir-programin-yapisi" şekline çevirelim.

// Sadece id, başlık ve sef'i insert ediyoruz
$baslik="C++ Ders 1: Bir programın yapısı";
$sef=sef_link($baslik);

mysql_query("INSERT INTO makale(id, baslik, sef) VALUES(NULL, '$baslik', '$sef')");
// id sütunumuz auto-increment olduğu için NULL yazdık

Şimdi veritabanına giriş yaptık. Şimdi .htaccess dosyamızı oluşturalım. Htaccess dosyası sayesinde makale_oku.php diye oluşturacağımız dosyayı gizleyip onu SEF halde görmemizi sağlayacak. Bunun için .htaccess dosyasında RewriteEngine diye bir motor çalıştıracağız. Şimdi başlayalım hemen .htaccess dosyasına:

RewriteEngine On
RewriteBase /
RewriteRule ^([a-zA-Z0-9-_]+)-([0-9]+).html$ /makale_oku.php?sef=$1&id=$2

Şimdi .htaccess dosyamızda yazdıklarımızı açıklayalım. RewriteEngine'i On yaparak linklerimizin görünümünü değiştirmemizi sağlayan motoru aktifleştirdik. Daha sonra RewriteBase ile anadizinimizi belirledik. Son satırdaki RewriteRule ile yaptığımız işlem tam olarak şu:
- Eğer adres satırı ([a-zA-Z0-9-_]+)-([0-9]+).html yapısını sağlıyorsa bu sayfanın makale_oku.php dosyasını açmasını sağlıyor.
- Daha sonra $1 olarak ilk değişken kısmını alır. Bizim $1'e karşılık gelen kısmımız ([a-zA-Z0-9-_]+) kısmıdır. $2 kısmına denk gelen kısım ise ([0-9]+) kısmıdır.
Yani deneme.com/deneme-baslik-1.html sayfası aslında deneme.com/makale_oku.php?sef=deneme-baslik&id=1 sayfasını çalıştırıyor. Fakat son kullanıcılar bunu asla farkedemezler. Şimdi makale_oku.php sayfamızı düzenleyelim:

// deneme.com/deneme-baslik-1.html adresine girmiş olalım
$sef = $_GET["sef"];
$id = $_GET["id"];

$vt_kontrol=mysql_fetch_assoc(mysql_query("SELECT * FROM makale WHERE id=$id AND sef='$sef'"));

if(!$vt_kontrol){
	echo "404 - sayfa bulunamadı" ;
}
else{
	echo $vt_kontrol["baslik"];
}

Bu kadar basit arkadaşlar, sef link bu şekilde yapılmaktadır. Umarım işinize yarar, sorularınızı forumdan veya aşağıdaki yorum formu aracılığıyla iletebilirsiniz.
Kolay gelsin, 



PHP mail() Fonksiyonuyla HTML Mail Gönderme

PHP mail() Fonksiyonuyla HTML Mail Gönderme

Merhaba arkadaşlar,

Bugün sizlere PHP'nin mail fonksiyonuyla nasıl HTML mail gönderebileceğinizi anlatacağım.. Hatırlarsanız daha önce html mail göndermeyi PHP ile SMTP Mail Yollama yazımda anlatmıştım. Bu sefer sunucunun kendi ayarlarıyla yani mail() fonksiyonuyla nasıl göndereceğinizi anlatıyorum, daha doğrusu bu işlemi yapan bir fonksiyonu paylaşıyorum. Fonksiyon aşağıdaki gibidir:

/**
 * HTMLMail()
 * 
 * Mail fonksiyonu ile HTML mail göndermenizi sağlar
 * 
 * @param mixed $gidecekMail
 * @param mixed $gonderenAd
 * @param mixed $gonderenMail
 * @param mixed $konu
 * @param mixed $mesaj
 * @return
 */
function HTMLMail($gidecekMail,$gonderenAd,$gonderenMail,$konu,$mesaj) {
	$headers  = "MIME-Version: 1.0n";
	$headers .= "Content-type: text/html; charset=UTF-8n";
	$headers .= "X-Mailer: PHPn";
	$headers .= "X-Sender: PHPn";
	$headers .= "From: $gonderenAd<$gonderenMail>n";
	$headers .= "Reply-To: $gonderenAd<$gonderenMail>n";
	$headers .= "Return-Path: $gonderenAd<$gonderenMail>n";
	mail($gidecekMail,$konu,$mesaj,$headers);
}

Fonksiyonun kullanımı basittir. HTMLMail(alıcının email adresi, gönderenin adı, gönderenenin email adresi, konu, mesaj) formatındadır. Yani gönderenin adı ve gönderenin mail adresini istediğiniz şekilde düzenleyebilirsiniz. Alıcının email adresi kısmına da kime göndermek istiyorsanız onun email adresini yazın.

// no-reply@trkodlama.com'dan gidiyormuş gibi info@trkodlama.com adresine mail gönderelim
HTMLMail("info@trkodlama.com", "TR Kodlama / no-reply", "no-reply@trkodlama.com", "Konumuz Yok", "<p>Mesajımız deneme olsun, deneme mesajı ve örnektir.</p><p>Bunlarda paragraflarımız</p>");

Umarım açıklayıcı olmuştur, herkese iyi günler



jQuery $.post ile AJAX İşlemleri

jQuery $.post ile AJAX İşlemleri

Merhaba arkadaşlar,

Bugün sizlere herkesin çok merak ettiği AJAX işlemlerinden bahsediyorum. AJAX işlemlerimizi jQuery JavaScript kütüphanesi ile gerçekleştireceğiz. Öncelikle jQuery kütüphanesini buraya tıklayarak indirelim. Ben bu AJAX işlemlerini PHP ile anlatacağım, aynı mantıkla ASP ile de yapabilirsiniz.

Öncelikle index.html adlı bir dosya oluşturalım ve bu dosyanın içine aşağıdaki kodları ekleyelim:

<!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 xml:lang="en" lang="en">

<head>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
	<meta name="author" content="trkodlama.com" />

	<title>PHP ile AJAX işlemleri</title>
    <script src="js/jquery-1.6.2.min.js"></script> <!-- js isimli bir klasör oluşturup indirdiğimiz jQuery kütüphanesini içine klasörün içine attık -->
</head>

<body>

    <h1>Bir Form Örneği</h1>
    <p>Aşağıdaki örnek bir form örneği olacak. Butona tıkladığı anda islem.php sayfasına form bilgileri POST methodu ile gönderilecektir. Ordan gelen cevaba göre sayfada işlemler gerçekleştirilecektir.</p>
    <form method="POST" id="girisFormu">
    <p>Kullanıcı Adınız: <input type="text" name="kullanici" /></p>
    <p>Şifreniz: <input type="password" name="sifre" /></p>
    <p><input type="button" id="jQueryTetikleyicisi" /></p>
    </form>
    <p id="sonuc">Butona tıkladığınız anda bu yazı değişecek islem.php sayfasından gelen cevap yazdırılacaktır.</p>
</body>
</html>

Yukarıdaki kodda daha jQuery kodlarımızı eklemedik, o nedenle butona basmanız henüz birşeyi değiştirmeyecek. Fakat alanlarımızı gerekli bölümleri oluşturduk. Şimdi yapacağımız işlem çok basit. jQueryTetikleyicisi'ne yani butona tıkladığımız girisFormu formu serialize() fonksiyonu aracılığıyla düzenlenecek ve düzenlenmiş veriyi islem.php sayfasına göndereceğiz. Orada sanki normal bir PHP sayfaymış gibi $_POST ile gelen verileri işleyeceğiz. islem.php sayfasından bir yazı göndereceğiz ve o yazıyı sonuc isimli alana yazdıracağız. Ama ondan önce yarım kalan HTML sayfamızı tamamlayalım:

<!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 xml:lang="en" lang="en">

<head>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
	<meta name="author" content="trkodlama.com" />

	<title>PHP ile AJAX işlemleri</title>
    <script src="js/jquery-1.6.2.min.js"></script> <!-- js isimli bir klasör oluşturup indirdiğimiz jQuery kütüphanesini içine klasörün içine attık -->
    <script>
    $(document).ready(function(){
        $("#jQueryTetikleyicisi").click(function(){
            var formData = $("#girisFormu").serialize();
            $.post("islem.php, formData, function(data){
                $("#sonuc").html(data);
            });
        });
    });
    </script>
</head>

<body>

    <h1>Bir Form Örneği</h1>
    <p>Aşağıdaki örnek bir form örneği olacak. Butona tıkladığı anda islem.php sayfasına form bilgileri POST methodu ile gönderilecektir. Ordan gelen cevaba göre sayfada işlemler gerçekleştirilecektir.</p>
    <form method="POST" id="girisFormu">
    <p>Kullanıcı Adınız: <input type="text" name="kullanici" /></p>
    <p>Şifreniz: <input type="password" name="sifre" /></p>
    <p><input type="button" id="jQueryTetikleyicisi" /></p>
    </form>
    <p id="sonuc">Butona tıkladığınız anda bu yazı değişecek islem.php sayfasından gelen cevap yazdırılacaktır.</p>
</body>
</html>

Şimdi biraz da kullandığımız jQuery fonksiyonlarını anlatalım

$.post()
Yaptığı işlem çok basittir. Sizin belirttiğiniz sayfaya gider, eğer sayfaya post etmek istediğiniz veriler varsa onları da post eder ve isteğe bağlı olarak sayfadan gelen sonuçları alır. Biraz örnekleyelim:

$.post("deneme.php)

Bu şekilde çalıştırırsanız deneme.php sayfasını arkaplanda açar ve çıkar. Herhangi bir veri post etmez. Sonuç döndürmez.

$.post("deneme.php, "site=trkodlama&tld=com");

Bu ise deneme.php sayfasına site ve tld parametrelerini post eder.

$.post("deneme.php, "site=trkodlama&tld=com", function(data){
     alert(data);
});

Bu şekilde ise sayfadan gelen sonucu alert ile ekrana yazmamızı sağlar.

.serialize(): http://togl.me/323 adresinden detaylı bilgiye ulaşabilirsiniz

.click(): http://togl.me/c9 adresinden detaylı bilgiye ulaşabilirsiniz

.html(): http://togl.me/294 adresinden detaylı bilgiye ulaşabilirsiniz

Bu kadar açıklama yeterli olmuştur. Şimdi de islem.php sayfamızı yazalım:

<?php

/**
 * @author trkodlama
 * @copyright 2011
 */

$kullanici=trim($_POST["kullanici"]);
$sifre=trim($_POST["sifre"]);

if(strlen($kullanici)<4){
    echo "Kullanıcı adınız en az 4 karakter olmalıdır";
}
elseif(strlen($sifre)<6){
    echo "Şifreniz en az 6 karakter olmalıdır";
}
elseif($kullanici="trkodlama.com" && $sifre="ajax"){
    echo "Tebrikler başarı ile giriş yaptınız";
}
else{
    echo "Hatalı kullanıcı adı veya şifre";
}

?>

Burada yaptığımız işlemler basit, sayfadan gelen verileri kontrol ettik, ona göre bir cevap verdik. Siz burda mysql kullanarak kontrollerinizi yapacaksınız. Tek fark budur.

Download: Kaynak kodları buraya tıklayarak indirin

Sorularını yorum olarak yada forumdan iletebilirsiniz, kolay gelsin arkadaşlar











RSSTwitter

En son yazılanlardan ilk senin haberin olsun


Valid HTML 5 Valid CSS!

Güncel Programlama Makaleleri by TR Kodlama © 2009 is licensed under a Creative Commons Alıntı-TicariOlmayan 3.0 Unported License.