Kullanilacak Dosyalarimiz
Bu uygulamada anasayfayi olusturan index.php, filitrelemenin yapildigi filitrele.php, oyuncularin özelliklerini göstermek istedigim oyuncu.php dosyasi ve eyceks kütüphanesi içindeki dosyalar (loading.gif , eyceks.js) bulunmaktadir .

Baslayalim.

Ilk olarak uygulamamiza filitrenin nasil edilecegi konusunda karar vermemiz lazim. Bu uygulamada ayni zamanda ajax’te Dinamik Formlari da kullanmis olacagim. Biliyorsunuz ajax’in diger bir güzel özelligi ise Dinamik Formlar’dir. Dinamik formdan kastim istegimize o anda karsilik verecek olan formlarlardir. Neyse konuyu fazla uzatmadan hemen ilk bölüme geçiyorum.

Filitreleme formumuz :

PLAIN TEXTPHP:
<form id="form1" name="form1" method="post" action="javascript:void(0)">

<select name="takimlar" onchange="hangi_takim()">
<option value="0">Takimlar</option>
<option value="1">Galatasaray</option>
<option value="2">Fenerbahçe</option>
<option value="3">Besiktas</option>
</select>
</form>

Simdi bu formu eyceks kütüphanesi ile filitre.php’ye göndermek istiyorum.

Peki nasil gönderecegiz bu kütüphaneye ?

Eyceks ile filitre.php ye gönderme :

PLAIN TEXTPHP:
function hangi_takim(){

var takimlar = document.form1.takimlar.value

var sc = ’takimlar=’+ fc_(takimlar)

JXP(1, ’takim_goster’, ’filitrele.php’, sc)

}

Evet simdi sira sistemden herhangi bir takimi seçtigimizde bize o takimin oyuncularindan bazilarini nasil getirebilecegimizde. Bu is filitre.php’de bitiyor tabii ki. Ben oyunculari gosterdikten sonra bir kez daha o oyuncular arasindan seçim yaptirarak oyuncu hakkinda kisa ve öz bir bilgiyi ekranda göstermek istiyorum. Onun için filitre.php’de de biraz farklilik yapacagim.

filitre.php dosyasindayiz :
PLAIN TEXTPHP:
<?
$takim= $_POST[’takimlar’];
?>

<form id="form2" name="form2" method="post" action="javascript:void(0)">

<?
if($takim==1){
?>

<select name="oyuncular" onchange="hangi_oyuncu()">
<option value="">Oyuncu Seciniz..</option>
<option value="1">Necati Ates</option>
<option value="2">Hakan Sukur</option>
<option value="3">Umit Davala</option>
</select>

<?
}elseif($takim==2){
?>

<select name="oyuncular" onchange="hangi_oyuncu()">
<option value="">Oyuncu Seciniz..</option>
<option value="1">Appiah </option>
<option value="2">Serkan</option>
<option value="3">M.Yozgatli</option>
</select>

<?
}elseif($takim==3){
?>

<select name="takimlar" onchange="hangi_oyuncu()">
<option value="">Oyuncu Seciniz..</option>
<option value="1">Vedran Runje</option>
<option value="2">Jose Kleberson Pereira</option>
<option value="3">Deivson Rogerio Da Silva</option>
</select>

<?
}elseif($takim=="0"){echo "<font color=\\"blue\\">Herhangi Bir Takim Secmediniz !</font>";

} else {echo "<font color=\\"red\\"><b>Hata ! </b></font>"; }
?>

</form>

filitre.php’de ise su sekilde bir olay izledim. 1. Takimi seçerse su futbolculari sirala, 2. takimi seçerse su futbolculari sirala tarzinda. Yine üzerine bastirarak belirtmek istiyorum. Amaç sadece mantik. Isin içine veritabani da girince inanilmaz güzel, zevkli ve estetik hale getirebilirsiniz olayi.

filitre.php’de dikkat etmeniz gereken olay su. Benim 3. bir asama daha istemem. Yani Oyuncular hakkinda kisa ve öz bir bilgi. Onun için tüm forumlari ilk formumuz gibi düzenledim filitre.html içine çagirdigimizda eyceks ile yine kodlar çalistiracagiz. Bu formlarin OnChange özelligine dikkat edin ." hangi_oyuncu() " Görüyorsunuz degil mi? Simdi filitre.html de hangi_takim() altina bir de hangi_oyuncu() fonksiyonu yazmamiz lazim. O da su sekilde olacak:

hangi_oyuncu() fonksiyonu :
PLAIN TEXTPHP:
function hangi_oyuncu(){

var oyuncular = document.form2.oyuncular.value

var sc = ’oyuncular=’+ fc_(oyuncular)

JXP(1, ’oyuncu_goster’, ’oyuncu.php’, sc)

}

Iste bu fonksiyonu ayni javascript blogumuz içine yaziyoruz Çagirdigimizda ise eyceks kütüphanesini kullananlarin bildigi gibi oyuncu.php’nin çiktisi, ID’si "oyuncu_goster" olan bir DIV alaninin içerisine yazdirilacak.

oyuncu.php dosyasi :
PLAIN TEXTPHP:
<?
$oyuncu= $_POST[’oyuncular’];
?>

<?
if($oyuncu==1){
?>

Bu Seçtiginiz Oyuncu 1 numarali bir oyuncudur.

<?
}elseif($oyuncu==2){
?>

Siz simdi 2 numarali oyuncuyu seçtiniz.

<?
} else if ($oyuncu==3){
?>

3 Numarali oyuncuyu seçtiniz !

<?

}elseif($oyuncu=="0"){echo "<font color=\\"blue\\">Herhangi Bir Takim Secmediniz !</font>";

}else{echo "<font color=\\"red\\"><b>Hata ! </b></font>"; }

?>

Sonuç olarak bu örnekte ajax ile php birlesince neler yapabiliyor bunu gördük.

Selametle.

KAYNAK <--- Kendimce bazi bölümlerde düzeltmeler yaptim umarim yararli olur ve yayina girer, tesekkürler.