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

Sitebuilder · 27.02.2007

İ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 Code:


			
<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 Code:


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

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

PHP Code:


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

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 Code:


			
<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

Merhabalar,

Alıntı:

Sitebuilder tarafından gönderilen mesaj:

PHP Code:


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

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

İyi çalışmalar.

nikefootball · 15.02.2008

İ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

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

HTML Code:

<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 Code:

<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();">

27.02.2007	#1 (permalink)
Sitebuilder Üyelik Tarihi: 18.03.2002 Yer: izmir Yaş: 26 Mesaj: 133	Ajax - Include (Sayfa açıldığında sayfa çağırmak) İ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 Code: <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 Code: `<body onload="ajaxsayfa.ajax('', 'GET', 'yenisayfa.htm', 'icerik')">` Aşağıda Kullandığım HTML kodlarını veriyorum acaba sizde aynı hatayı alıyormusunuz ? PHP Code: <!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> </td> </tr> </table> </body> </HTML>

02.03.2007	#2 (permalink)
Sitebuilder Üyelik Tarihi: 18.03.2002 Yer: izmir Yaş: 26 Mesaj: 133	Re: Ajax - Include (Sayfa açıldığında sayfa çağırmak) 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 Code: <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> </p> <p> </p> <div id="scriptoutput"></div>

18.02.2008	#5 (permalink)
mceL Üyelik Tarihi: 30.11.2000 Yer: Bursa Yaş: 20 Mesaj: 809	Re: Ajax - Include (Sayfa açıldığında sayfa çağırmak) page değişkenini tamımlamaya gerek yok. ajax fonksiyonuna direkt parametre olarak gönderebilirsiniz. HTML Code: <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 Code: <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();"> __________________ muarifer » ruby, rails, postgresql, yazılım geliştirimi falan...