• 13-04-2010, 08:32:45
    #1
    Eposta Aktivasyonu Gerekmekte
    arkadaslar ajax ile il ilçe listeleme yapıyorum ama bu yaptığım listelemenin diğer kriterler ile birlikte post edilmesi lazım ama beceremedim il ve ilçeleri onchange() komutu ile post ediyor bunu form içine aldığımda post etmiyor ajax tan gelen verileri form içerisinde nasıl gösterebilirim

    <!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>Ajax ile dinamik listeleme örneği</title>
    
    <script type="text/javascript">
    
    var istek =false;
    
    if (window.XMLHttpRequest)
    {
    	istek = new XMLHttpRequest();
    }
    else if (window.ActiveXObject)
    {
    	istek = new ActiveXObject("Microsoft.XMLHTTP");
    }
    
    function ilce_adiGoster()
    {
    	document.getElementById("kutu2").innerHTML = "Yükleniyor, lütfen bekleyiniz...";
    	document.getElementById("kutu2").style.backgroundColor = "#FFFF99";
    	document.getElementById("kutu1").style.backgroundColor = "#FFF";
    	
    	var il_kodu = document.getElementById("il_kodu").value;
    	istek.open("GET", "sorgula.php?islem=ilce_adilistele&il_kodu="+il_kodu, true);
    	istek.onreadystatechange = ilce_adiler;
    	istek.send(null);
    }
    
    function ilce_adiler() {
    	if (istek.readyState == 4 && istek.status == 200)
    	{
    		var cevap = istek.responseText;
    		document.getElementById("kutu2").innerHTML = cevap;
    	}
    }
    
    function yilGoster()
    {
    	document.getElementById("kutu3").innerHTML = "Yükleniyor, lütfen bekleyiniz...";
    	document.getElementById("kutu3").style.backgroundColor = "#FFFF99";
    	document.getElementById("kutu2").style.backgroundColor = "#FFF";
    	
    	var ilce_adi = document.getElementById("ilce_adi").value;
    	istek.open("GET", "sorgula.php?islem=yillistele&ilce_adi="+ilce_adi, true);
    	istek.onreadystatechange = yillar;
    	istek.send(null);
    }
    
    function yillar() {
    	if (istek.readyState == 4 && istek.status == 200)
    	{
    		var cevap = istek.responseText;
    		document.getElementById("kutu3").innerHTML = cevap;
    	}
    }
    
    function sonucGoster() 
    {
    	document.getElementById("kutu4").style.backgroundColor = "#FFFF99";
    	document.getElementById("kutu3").style.backgroundColor = "#FFF";
    	document.getElementById("kutu4").innerHTML = "<span>Tebrikler! İşleminiz tamamlandı...</span>";
    }
    
    </script>
    
    
    
    <style type="text/css">
    
    #cerceve {
    	border:1px solid #E9E9E9;
    	width:500px;
    	margin-top:100px;
    }
    h1 {
    	font-size:22px;
    	font-family:Georgia, "Times New Roman", Times, serif;
    	color:#333399;
    }
    select {
    	margin-bottom:10px;
    	margin-top:10px;
    }
    
    span {
    	font-size:14px;
    	margin-left:20px;
    	font-family:Verdana, Arial, Helvetica, sans-serif;
    	margin-bottom:50px;
    }
    #kutu1 {
    	background-color:#FFFF99;
    }
    
    
    </style>
    </head>
    
    <body>
    <div align="center">
    <div id="cerceve">
    
    <h1>Ajax ile dinamik listeleme örneği</h1>
    
    <span>il ve ilçe seçimi.</span>
    <br /><br />
    <div id="kutu1">
    
    <select id="il_kodu" onchange="ilce_adiGoster()">
    <option value="">Şehir seçiniz.</option>
    <option value="1">Adana</option>
    <option value="2">Adıyaman</option>
    <option value="3">Afyon</option>
    <option value="4">Ağrı</option>
    <option value="5">amasya</option>
    <option value="6">Ankara</option>
    <option value="7">Antalya</option>
    <option value="8">Artvin</option>
    <option value="9">Aydın</option>
    <option value="10">Balıkesir</option>
    <option value="11">Bilecik</option>
    <option value="12">Bingöl</option>
    <option value="13">Bitlis</option>
    <option value="14">Bolu</option>
    <option value="15">Burdur</option>
    <option value="16">Bursa</option>
    <option value="17">Çanakkale</option>
    <option value="18">Çankırı</option>
    <option value="19">Çorum</option>
    <option value="20">Denizli</option>
    <option value="21">Diyarbakır</option>
    <option value="22">Edirne</option>
    <option value="23">Elazığ</option>
    <option value="24">Erzincan</option>
    <option value="25">Erzurum</option>
    <option value="26">Eskişehir</option>
    <option value="27">Gaziantep</option>
    <option value="28">Giresun</option>
    <option value="29">Gümüşhane</option>
    <option value="30">Hakkari</option>
    <option value="31">Hatay</option>
    <option value="32">Isparta</option>
    <option value="33">İçel</option>
    <option value="34">İstanbul</option>
    <option value="35">İzmir</option>
    <option value="36">Kars</option>
    <option value="37">Kastamonu</option>
    <option value="38">Kayseri</option>
    <option value="39">Kırklareli</option>
    <option value="40">Kırşehir</option>
    <option value="41">Kocaeli</option>
    <option value="42">Konya</option>
    <option value="43">Kütahya</option>
    <option value="44">Malatya</option>
    <option value="45">Manisa</option>
    <option value="46">K.Maraş</option>
    <option value="47">Mardin</option>
    <option value="48">Muğla</option>
    <option value="49">Muş</option>
    <option value="50">Nevşehir</option>
    <option value="51">Niğde</option>
    <option value="52">Ordu</option>
    <option value="53">Rize</option>
    <option value="54">Sakarya</option>
    <option value="55">Samsun</option>
    <option value="56">siirt</option>
    <option value="57">Sinop</option>
    <option value="58">Sivas</option>
    <option value="59">Tekirdağ</option>
    <option value="60">Tokat</option>
    <option value="61">Trabzon</option>
    <option value="62">Tunceli</option>
    <option value="63">Şanlıurfa</option>
    <option value="64">Uşak</option>
    <option value="65">Van</option>
    <option value="66">Yozgat</option>
    <option value="67">Zonguldak</option>
    <option value="68">Aksaray</option>
    <option value="69">Bayburt</option>
    <option value="70">Karaman</option>
    <option value="72">Batman</option>
    <option value="73">Şırnak</option>
    <option value="74">Bartın</option>
    <option value="75">Ardahan</option>
    <option value="76">Iğdır</option>
    <option value="77">Yalova</option>
    <option value="78">Karabük</option>
    <option value="79">Kilis</option>
    <option value="80">Osmaniye</option>
    <option value="81">Düzce</option>
    </select>
    
    
    
    </div>
    
    <div id="kutu2">
    
    </div>
    
    <div id="kutu3">
    
    </div>
    
    <div id="kutu4">
    
    </div>
    
    
    </div>
    </div>
    
    <center>ghghghghghhgf</center>
    </body>
    </html>
    sorgula.php

    <?php
    
    $islem = $_GET["islem"];
    $il_kodu = $_GET["il_kodu"];
    $ilce_adi = $_GET["ilce_adi"];
    $yil   = $_GET["yil"];
    
    mysql_connect("localhost", "root", "");
    mysql_select_db("ajaxdeneme");
    
    if ($islem == "ilce_adilistele")
    {
    	$sorgu = mysql_query("SELECT DISTINCT ilce_adi FROM ilce WHERE il_kodu='$il_kodu'");
    	
    	echo "<select id='ilce_adi' onchange='yilGoster()'>
    	<option value=''>İlçe seçiniz.</option>";
    	while ($yaz = mysql_fetch_array($sorgu))
    	{
    		echo "<option value='".$yaz["ilce_adi"]."'>".$yaz["ilce_adi"]."</option>";
    	}
    	echo "</select>
    	";
    }
    
    
    
    ?>
    üzerinde oynadığım script bu
  • 13-04-2010, 11:06:13
    #2
    Üyeliği durduruldu
    ajax in içinde form kullanamazsın hocam. div id ile kodlamadan gösterebilirsen o şekilde göster. yani <select style:display:none yöntemiyle kullan javalarla ajaxin içerisine attığın formları göremez..
  • 13-04-2010, 11:10:12
    #3
    Eposta Aktivasyonu Gerekmekte
    peki bu işi yapanlar hangi mantıkla yapıyor örneğin araba.com sitesine girdiğimizde arama yaparken süzgeçten geçiriyor arama yapıyor orda post edilmiyor mu mantığını kavramaya çalışıyorum
  • 13-04-2010, 11:15:41
    #4
    Üyeliği durduruldu
    oradakiler hocam div id ler ile gömülmüş forumlar değil yani ajax orada kullanılmıyor bildiğim kadarıyla. sende bunu gayet hoş olarak dediğim gibi style display none ile yapabilirsin. ajaxini sadece verileri gönderince ekranda cıkarma işlemini yaparsın. yani onlarında orada yaptıgı gibi..
  • 13-04-2010, 12:05:23
    #5
    Eposta Aktivasyonu Gerekmekte
    teşekkürler ilgilendiğin için dediğin şekilde denemeler yapayım insallah becerebilirim