Ajax - Include (Sayfa açıldığında sayfa çağırmak)

**Sitebuilder** · 27.02.2007 13:02

İstediğim şey tam olarak şu ;

Sayfa açıldığında icerik id'li div veya tablomda yenibir sayfa açılsın istiyorum.

İnternette bir örnek buldum ama başaramadım acaba sorun tam olarak nerde olabilir, Yardımcı olursanız sevinirim.

PHP Kodu:

 <script type="text/JavaScript">

var myimages=new Array()

function preloadimages(){

for (i=0;i<preloadimages.arguments.length;i++){

myimages[i]=new image()

myimages[i].src=preloadimages.arguments[i]

}

}

preloadimages("loading.gif");

 
var ajaxsayfa = new myLibrary();

function myLibrary() { this.ajax = ajax }

function ajax(data, method, url, divid){

document.getElementById(divid).innerHTML='<div align="center"><br /><br /><img src="loading.gif"><br /></div>' gif animasyonu

var page_request = false

if (window.XMLHttpRequest)

page_request = new XMLHttpRequest()

else if (window.ActiveXObject){

try {

page_request = new ActiveXObject("Msxml2.XMLHTTP")

} 

catch (e){

try{

page_request = new ActiveXObject("Microsoft.XMLHTTP")

}

catch (e){}

}

}

else

return false

page_request.onreadystatechange=function(){

loadpage(page_request, divid)

}

if (method == 'GET') {var url = url +'?'+ data}

page_request.open(method, url, true)

page_request.setRequestHeader("Content-type", "application/x-www-form-urlencoded")

page_request.send(data)

return page_request

}

 
function loadpage(page_request, divid){

if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))

document.getElementById(divid).innerHTML=page_requ est.responseText

}

</script>

Bu ajax kodunu kullanarak çağırıldığını sanıyorum şu şekilde denediğimde olmadı.

PHP Kodu:

 <body onload="ajaxsayfa.ajax('', 'GET', 'yenisayfa.htm', 'icerik')">

Aşağıda Kullandığım HTML kodlarını veriyorum acaba sizde aynı hatayı alıyormusunuz ?

PHP Kodu:

 <!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> 

<script type="text/JavaScript"> 

var myimages=new Array() 

function preloadimages(){ 

for (i=0;i<preloadimages.arguments.length;i++){ 

myimages[i]=new image() 

myimages[i].src=preloadimages.arguments[i] 

} 

} 

preloadimages("loading.gif"); 

 
var ajaxsayfa = new myLibrary(); 

function myLibrary() { this.ajax = ajax } 

function ajax(data, method, url, divid){ 

document.getElementById(divid).innerHTML='<div align="center"><br /><br /><img src="loading.gif"><br /></div>' gif animasyonu 

var page_request = false 

if (window.XMLHttpRequest) 

page_request = new XMLHttpRequest() 

else if (window.ActiveXObject){ 

try { 

page_request = new ActiveXObject("Msxml2.XMLHTTP") 

} 

catch (e){ 

try{ 

page_request = new ActiveXObject("Microsoft.XMLHTTP") 

} 

catch (e){} 

} 

} 

else 

return false 

page_request.onreadystatechange=function(){ 

loadpage(page_request, divid) 

} 

if (method == 'GET') {var url = url +'?'+ data} 

page_request.open(method, url, true) 

page_request.setRequestHeader("Content-type", "application/x-www-form-urlencoded") 

page_request.send(data) 

return page_request 

} 

 
function loadpage(page_request, divid){ 

if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1)) 

document.getElementById(divid).innerHTML=page_requ est.responseText 

} 

</script> 

<meta http-equiv="Content-Type" content="text/HTML; charset=iso-8859-9" /> 

<title>Untitled Document</title> 

</head> 

<body onload="ajaxsayfa.ajax('', 'GET', 'yenisayfa.htm', 'icerik')"> 

<table width="200" border="1" cellpadding="0" cellspacing="0" id="icerik"> 

  <tr> 

    <td>&nbsp;</td> 

  </tr> 

</table> 

</body> 

</HTML>

**Sitebuilder** · 02.03.2007 13:22

Sorunumu aşağıdaki kodları kullanarak çözdüm, şuanki tek sorun belirli bir zamanda güncelleme yapıyor sayfa kendisini, eğer bu kodu oradan çıkartabilirsem veya bir arkadaş onu oradan çıkartarak çalıştırabilirse kodları sadece body onload eklentisiyle sayfayı çağırabiliriz

Belki birilerine lazım olur.

PHP Kodu:

 <script type="text/JavaScript">

var page = "time.ASP"; // Çağırılacak sayfayı bu bölümde belirtiyoruz.

function ajax(url,target)

 {

    // native XMLHttpRequest object

   document.getElementById(target).innerHTML = 'sending...';

   if (window.XMLHttpRequest) {

       req = new XMLHttpRequest();

       req.onreadystatechange = function() {ajaxDone(target);};

       req.open("GET", url, true);

       req.send(null);

   // IE/Windows ActiveX version

   } else if (window.ActiveXObject) {

       req = new ActiveXObject("Microsoft.XMLHTTP");

       if (req) {

           req.onreadystatechange = function() {ajaxDone(target);};

           req.open("GET", url, true);

           req.send();

       }

   }

           setTimeout("ajax(page,'scriptoutput')", 10000);

}function ajaxDone(target) {

   // only if req is "loaded"

   if (req.readyState == 4) {

       // only if "OK"

       if (req.status == 200 || req.status == 304) {

           results = req.responseText;

           document.getElementById(target).innerHTML = results;

       } else {

           document.getElementById(target).innerHTML="ajax error:\n" +

               req.statusText;

       }

   }

}

</script>

 
<body onLoad="ajax(page,'scriptoutput')">

<p>&nbsp;</p>

<p>&nbsp;</p>

<div id="scriptoutput"></div>

**mceL** · 02.03.2007 20:15

Merhabalar,

Sitebuilder tarafından gönderilen mesaj:

PHP Kodu:

 setTimeout("ajax(page,'scriptoutput')", 10000);

satırını silmeniz kendini güncellenmesini ortadan kaldıracaktır.

İyi çalışmalar.

**nikefootball** · 15.02.2008 20:15

İndex sayfasına ,alt kategorilerde bulunan 1.PHP, 2.PHP , 3.PHP gibi sayfaları include etmek istiyorum. ajax ile body onload seçeneği ile bunu gerçekleştirebiliyorum. Bir div alanı na bu sayfaları şu kodlarla çağırıyorum.

Kod:

<script type="text/JavaScript">
var page = "tipster/tip_bekliyor.PHP"; // Çağırılacak sayfayı bu bölümde belirtiyoruz.
function ajax(url,target)
 {
    // native XMLHttpRequest object
   document.getElementById(target).innerHTML = 'Yükleniyor...';
   if (window.XMLHttpRequest) {
       req = new XMLHttpRequest();
       req.onreadystatechange = function() {ajaxDone(target);};
       req.open("GET", url, true);
       req.send(null);
   // IE/Windows ActiveX version
   } else if (window.ActiveXObject) {
       req = new ActiveXObject("Microsoft.XMLHTTP");
       if (req) {
           req.onreadystatechange = function() {ajaxDone(target);};
           req.open("GET", url, true);
           req.send();
       }
   }
}function ajaxDone(target) {
   // only if req is "loaded"
   if (req.readyState == 4) {
       // only if "OK"
       if (req.status == 200 || req.status == 304) {
           results = req.responseText;
           document.getElementById(target).innerHTML = results;
       } else {
           document.getElementById(target).innerHTML="ajax error:\n" +
               req.statusText;
       }
   }
}
</script>

Kod:

<body onLoad="ajax(page,'sag_blok');">

bu şekilde sayfa bir div alanı içerisine yükleniyor sorunsuz şekilde, şimdi ben birden fazla sayfayı farklı div alanları içerisinde aynı bu şekilde body onload ta bulunan sag_blok gibi , misal Footer, header gibi yerlere include yapmak istiyorum ayrı sayfaları ama

Kod:

var page = "tipster/tip_bekliyor.PHP"; // Çağırılacak sayfayı bu bölümde belirtiyoruz.

buraya birden fazla sayfa adı yazıp, aşağıya da body onload da yine fazla sayıda sayfayı (

ile ayırarak belirtip yukarıdaki sayfalarla nasıl ilişkilendireceim yani body onload da 3-4 sayfa çağırılacak ama hangi sayfa hangi alan içerisinde görünecek bunu nasıl sağlayabilirim.

**mceL** · 18.02.2008 10:34

page değişkenini tamımlamaya gerek yok. ajax fonksiyonuna direkt parametre olarak gönderebilirsiniz.

HTML Kodu:

<body onLoad="ajax('tipster/tip_bekliyor.PHP','sag_blok'); ajax('tipster/footer.PHP','footer'); ajax('tipster/header.PHP','header');">

Direkt bunları bir fonksiyona alıp onLoad'a onu da koyabilirsiniz.

HTML Kodu:

<script type="text/JavaScript">
function sayfaYukle()
{
  ajax('tipster/tip_bekliyor.PHP','sag_blok'); 
  ajax('tipster/footer.PHP','footer'); 
  ajax('tipster/header.PHP','header');
}
</script>

<body onLoad="sayfaYukle();">

Konu Başlığı: Ajax - Include (Sayfa açıldığında sayfa çağırmak)

Konuyu Paylaş

Seçenekler

Ajax - Include (Sayfa açıldığında sayfa çağırmak)

Re: Ajax - Include (Sayfa açıldığında sayfa çağırmak)

Re: Ajax - Include (Sayfa açıldığında sayfa çağırmak)

Re: Ajax - Include (Sayfa açıldığında sayfa çağırmak)

Re: Ajax - Include (Sayfa açıldığında sayfa çağırmak)

Bu konu başlığı için etiketler

Mesaj Seçenekleri