Giriş Yap

admin2 · 11-18-2006, 08:00 PM

ajax ile ilgili konuları buraya yazacagım.
ajax, asynchronious javascript xml ,
web sayfalarının bir kısmının güncellenmesini, tamamı yüklenmeden sağlayan bir yöntem,
daha da önemlisi, web sayfalarında kullanıcı dostu, user friendly ve aynı zamanda kolay güncellenen arayüzler tasarlamada kullanılıyor...

gmail ve yeni yahoo ve bircok yeni siteler bu teknolojiyi kullanmaya basladılar...

buraya da yazmaya devam edecegim.
sorularınızı da buraya yazabilirsiniz..

bazı kaynaklar:

<a class="postlink" href="http://ajax.phpmagazine.net/ajax_tools/">http://ajax.phpmagazine.net/ajax_tools/</a>
<a class="postlink" href="http://www.phpclasses.org">http://www.phpclasses.org</a>
<a class="postlink" href="http://codewalkers.com/seecode/627.html">http://codewalkers.com/seecode/627.html</a>
<a class="postlink" href="http://www.google.com.tr/search?hl=tr&q=php+class+ajax">http://www.google.com.tr/search?hl=tr&q=php+class+ajax</a>

admin2 · 11-21-2006, 08:02 PM

index3.php -> giris sayfası, ajaxın görüldügü yer,
hippo_ajax_form_exec.php -> index3.php yani ajax icinden cagrılan dosya,
hippo_ajax_form.js -> ajax javascript dosyası...

hepsini, sunucunuza yükleyin,

index3.php yi cagırın.
butona tıklayın, tüm sayfa yenilenmez, sadece <div id="showDiv1"> olan bölüm yenilenir..

index2.php ise, ajaxın, iki div ve iki ayrı hippo_ajax_form_exec.php, hippo_ajax_form_exec2.php dosyaları ile yapılmıs hali..
aynı dizinde loading.gif adında dosya olursa, yüklerken onu gösteriyor..
yükleme bilerek 1 sn yavaslatılmıs...

ajax: asynchronious javascript and xml
ajax, sayfanın bir bölümünün yenilenmesinde kullanılıyor. div html taglerini yogun sekilde kullanıyor.
ajax aslında gelismis bir javascript denebilir.. tabi yeni bir stil, yeni bir teknoloji...

simdi dosyalar:

index3.php:

Kod:

<?php

session_start();

ini_set("display_errors","1");

error_reporting (E_ALL ^ E_NOTICE);



echo $_SESSION['test']++;

//include ("hippo_ajax_form.php");

  



?>

<html>

<head>

<script language=JavaScript src=hippo_ajax_form.js></script>

</head>

<body>

<form id=form1 name=form1>

<input id=text1 name=text1 size=20 type=text value=>

<input id=text3 name=text3 size=20 type=password >

<input id=text4 name=text4 size=20 type=text value=Emily>

<input id=form_submit type=button onclick=sendFormData('form1','hippo_ajax_form_exec.php','showDiv1',true) value=Send>

</form>



<div id="showDiv1"> burası içine yazı yazılacak div...</div>

</body>

</html>

hippo_ajax_form_exec.php:

Kod:

<?php  

  /* Requires */

  require('hippo_ajax_form_func.php');

  session_start();



  /* Submit Data */

  sleep(1);

  if(isset($_POST['aryFormData']))

  {

    $aryFormData = $_POST['aryFormData'];

    echo tarih1().print_r2($aryFormData).$_SESSION['test2']++;

  }

  

?>

hippo_ajax_form_func.php:

Kod:

<?php

  /* put your global functions here */

function print_r2($array) {

    return '<pre>'.str_replace(array("\n" , " "), array('<br>', '&nbsp;'), print_r($array, true)).'</pre>';

}



function tarih1(){

    GLOBAL $timebase;

    return date('Y-m-d H:i:s', $timebase);

}



?>

hippo_ajax_form.js:

Kod:

var XMLHttpRequestObject = createXMLHttpRequestObject();

function createXMLHttpRequestObject()

{

  var XMLHttpRequestObject = false;

  

  try

  {

    XMLHttpRequestObject = new XMLHttpRequest();

  }

  catch(e)

  {

    var aryXmlHttp = new Array(

                               "MSXML2.XMLHTTP",

                               "Microsoft.XMLHTTP",

                               "MSXML2.XMLHTTP.6.0",

                               "MSXML2.XMLHTTP.5.0",

                               "MSXML2.XMLHTTP.4.0",

                               "MSXML2.XMLHTTP.3.0"

                               );

    for (var i=0; i<aryXmlHttp.length && !XMLHttpRequestObject; i++)

    {

      try

      {

        XMLHttpRequestObject = new ActiveXObject(aryXmlHttp[i]);

      } 

      catch(e){document.write("createXMLHttpRequestObject: XMLHttpRequestObject Error");}

    }

  }

  

  if (!XMLHttpRequestObject)

  {

    alert("Error: failed to create the XMLHttpRequest object.");

  }

  else 

  {

    return XMLHttpRequestObject;

  }

}



function checkFormInput(keyEvent, dataSource, idForm)

{

  keyEvent = (keyEvent) ? keyEvent: window.event;

  input = (keyEvent.target) ? keyEvent.target : keyEvent.srcElement;

  

  if(keyEvent.type == "checkbox")

  {

    keyEvent.value = keyEvent.checked;

  }

  else if(keyEvent.type == "radio")

  {

    keyEvent.value = keyEvent.checked;

    if (keyEvent.value)

    {

      for(i=0; i<document.getElementById(idForm).elements.length - 1; i++)

      {

        /*Debug

        alert(document.getElementById(idForm).elements[i].name);

        alert(document.getElementById(idForm).elements[i].value);

        alert(document.getElementById(idForm).elements[i].checked);

        */

        if(document.getElementById(idForm).elements[i].name==keyEvent.name)

        {

          /*alert(document.getElementById(idForm).elements[i].name+':'+document.getElementById(idForm).elements[i].value);*/

          document.getElementById(idForm).elements[i].value = document.getElementById(idForm).elements[i].checked;

        }

      }

    } /* End: if (keyEvent.value)*/

  } /* End: if (keyEvent.type == "change")*/

}



function sendFormData(idForm, dataSource, divID, ifLoading)

{

  var postData='';

  var strReplaceTemp;

  

  if(XMLHttpRequestObject)

  {

    XMLHttpRequestObject.open("POST", dataSource);

    XMLHttpRequestObject.setRequestHeader("Method", "POST " + dataSource + " HTTP/1.1");

      XMLHttpRequestObject.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

      

    XMLHttpRequestObject.onreadystatechange = function()

    {

      if (XMLHttpRequestObject.readyState == 4 &&

          XMLHttpRequestObject.status == 200)

      {

        try

        {

          var objDiv = document.getElementById(divID);

          objDiv.innerHTML = XMLHttpRequestObject.responseText;

        }

        catch(e){document.write("sendFormData: getElementById(divID) Error");}

      }

      else

      {

        if(ifLoading)

        {

          try

          {

            var objDiv = document.getElementById(divID);

            objDiv.innerHTML = "<img src=loading.gif>";

          }

          catch(e){document.write("sendFormData->ifLoading: getElementById(divID) Error");}

        }

      }

    }

    

    for(i=0; i<document.getElementById(idForm).elements.length - 1; i++)

    {

      strReplaceTemp = document.getElementById(idForm).elements[i].name.replace(/\[\]/i, "");

      postData += "&aryFormData["+strReplaceTemp+"][]="+document.getElementById(idForm).elements[i].value;

    }

    

    postData += "&parm="+new Date().getTime();

    try

    {

      XMLHttpRequestObject.send(postData);

    }

    catch(e){document.write("sendFormData: XMLHttpRequestObject.send Error");}

  }

}

2. deneme icin ek kodlar:

index2.php:

Kod:

<?php

session_start();

ini_set("display_errors","1");

error_reporting (E_ALL ^ E_NOTICE);



echo $_SESSION['test']++;

//include ("hippo_ajax_form.php");

  



?>

<html>

<head>

<script language=JavaScript src=hippo_ajax_form.js></script>



<style type="text/css">

<!--



#div_1{

    position:absolute;

    width:200px;

    height:300px;

    z-index:3;

    left:100px;

    top: 50px;

    visibility: visible;

background-color: #FFFF00;

}



#div_2{

    position:absolute;

    width:200px;

    height:300px;

    z-index:3;

    left: 400px;

    top: 50px;

    visibility: visible;

background-color: #FFFF00;

}



-->

</style>



</head>

<body>



<form id=form1 name=form1>

<input id=text1 name=text1 size=20 type=text value=>

<input id=text3 name=text3 size=20 type=password >

<input id=text4 name=text4 size=20 type=text value=Emily>

<input id=form_submit type=button onclick=sendFormData('form1','hippo_ajax_form_exec.php','div_1',true) value=Gönder>

<input id=form_submit2 type=button onclick=sendFormData('form1','hippo_ajax_form_exec2.php','div_2',true) value=Gönder2>



</form>



<div id="div_1">div_1</div>

<div id="div_2">div_2</div>





</body>

</html>

hippo_ajax_form_exec2.php

Kod:

<?php  

  /* Requires */

  require('hippo_ajax_form_func.php');

  session_start();



  /* Submit Data */

  sleep(1);

  if(isset($_POST['aryFormData']))

  {

    $aryFormData = $_POST['aryFormData'];

    echo "Burasi da 2. php..: <br>".tarih1().print_r2($aryFormData).$_SESSION['test3']++;

  }

  

?>

Giriş Yap
Kullanıcı Adı:
Şifreniz:	Şifremi Unuttum?
	Beni Hatırla