استفسار عن عمل الوصلات باستخدام الـAjax

[Omr]

شوف حضرتك في المرفقات انا عاوز بنفس الاسكربت اعمل جدولين واحد text و التاني text2 وحدد ليه يظهر في اي حته يا ريت حضرتك تكون فهمتني اكتر وجزاكم الله خيرا علي الرد

[Zizwar]

هذا هو الكود معدل

<script type="text/javascript"> 
var bustcachevar=1 //bust potential caching of external pages after initial request? (1=yes, 0=no)
var loadedobjects=""
var bustcacheparameter=""

function include(url, containerid){
var page_request = false
if (window.XMLHttpRequest) // if Mozilla, Safari etc
page_request = new XMLHttpRequest()
else if (window.ActiveXObject){ // if IE
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, containerid)
}
if (bustcachevar) //if bust caching of external page
bustcacheparameter=(url.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()
page_request.open('GET', url+bustcacheparameter, true)
page_request.send(null)
}

function loadpage(page_request, containerid){
if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
document.getElementById(containerid).innerHTML=page_request.responseText
}

function loadobjs(){
if (!document.getElementById)
return
for (i=0; i<arguments.length; i++){
var file=arguments[i]
var fileref=""
if (loadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding
if (file.indexOf(".js")!=-1){ //If object is a js file
fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src", file);
}
else if (file.indexOf(".css")!=-1){ //If object is a css file
fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet");
fileref.setAttribute("type", "text/css");
fileref.setAttribute("href", file);
}
}
if (fileref!=""){
document.getElementsByTagName("head").item(0).appendChild(fileref)
loadedobjects+=file+" " //Remember this object as being already added to page
}
}
}

</script>

<!-- ////////////////// -->
<a style="text-decoration: none" href="#" onclick="include('http://www.swalif.net/softs','text')">show text</a>
 <div align="center" id="text"> </div> 
 <br>
 <a style="text-decoration: none" href="#" onclick="include('http://www.wino.ws','text2')">show text2</a>
 <div align="center" id="text2"> </div> 

[Omr]

تمام جزاكم الله خيرا بس حضرتك كدا حذفت لودنج التحميل ودي مطلوبة ايضاً

[Zizwar]

همممممممم

 <script type="text/javascript"> 

var img = '<img src="http://www.napyfab.com/ajax-indicators/images/progressbar_microsoft.gif">';

var bustcachevar=1 //bust potential caching of external pages after initial request? (1=yes, 0=no)
var loadedobjects=""
var bustcacheparameter=""

function include(url, containerid){
document.getElementById(containerid).innerHTML = img; 
var page_request = false
if (window.XMLHttpRequest) // if Mozilla, Safari etc
page_request = new XMLHttpRequest()
else if (window.ActiveXObject){ // if IE
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, containerid)
}
if (bustcachevar) //if bust caching of external page
bustcacheparameter=(url.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()
page_request.open('GET', url+bustcacheparameter, true)
page_request.send(null)
}

function loadpage(page_request, containerid){
if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
document.getElementById(containerid).innerHTML=page_request.responseText
}

function loadobjs(){
if (!document.getElementById)
return
for (i=0; i<arguments.length; i++){
var file=arguments[i]
var fileref=""
if (loadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding
if (file.indexOf(".js")!=-1){ //If object is a js file
fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src", file);
}
else if (file.indexOf(".css")!=-1){ //If object is a css file
fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet");
fileref.setAttribute("type", "text/css");
fileref.setAttribute("href", file);
}
}
if (fileref!=""){
document.getElementsByTagName("head").item(0).appendChild(fileref)
loadedobjects+=file+" " //Remember this object as being already added to page
}
}
}

</script>

<!-- ////////////////// -->
<a style="text-decoration: none" href="#" onclick="include('http://www.swalif.net/softs','text')">show text</a>
 <div align="center" id="text"> </div> 
 <br>
 <a style="text-decoration: none" href="#" onclick="include('http://www.wino.ws','text2')">show text2</a>
 <div align="center" id="text2"> </div> 

[Omr]

<script type="text/javascript">  

var img = '<img src="http://www.napyfab.com/ajax-indicators/images/progressbar_microsoft.gif">'; 
var msg = '<br> loading ...';
var bustcachevar=1 //bust potential caching of external pages after initial request? (1=yes, 0=no) 
var loadedobjects="" 
var bustcacheparameter="" 

function include(url, containerid){ 
document.getElementById(containerid).innerHTML = img+msg;  
var page_request = false 
if (window.XMLHttpRequest) // if Mozilla, Safari etc 
page_request = new XMLHttpRequest() 
else if (window.ActiveXObject){ // if IE 
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, containerid) 
} 
if (bustcachevar) //if bust caching of external page 
bustcacheparameter=(url.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime() 
page_request.open('GET', url+bustcacheparameter, true) 
page_request.send(null) 
} 

function loadpage(page_request, containerid){ 
if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1)) 
document.getElementById(containerid).innerHTML=page_request.responseText 
} 

function loadobjs(){ 
if (!document.getElementById) 
return 
for (i=0; i<arguments.length; i++){ 
var file=arguments[i] 
var fileref="" 
if (loadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding 
if (file.indexOf(".js")!=-1){ //If object is a js file 
fileref=document.createElement('script') 
fileref.setAttribute("type","text/javascript"); 
fileref.setAttribute("src", file); 
} 
else if (file.indexOf(".css")!=-1){ //If object is a css file 
fileref=document.createElement("link") 
fileref.setAttribute("rel", "stylesheet"); 
fileref.setAttribute("type", "text/css"); 
fileref.setAttribute("href", file); 
} 
} 
if (fileref!=""){ 
document.getElementsByTagName("head").item(0).appendChild(fileref) 
loadedobjects+=file+" " //Remember this object as being already added to page 
} 
} 
} 

</script> 

<!-- ////////////////// --> 
<a style="text-decoration: none" href="#" onclick="include('http://www.swalif.net/softs','text')">show text</a> 
 <div align="center" id="text"> </div>  
 <br> 
 <a style="text-decoration: none" href="#" onclick="include('http://www.onshodah.com','text2')">show text2</a> 
 <div align="center" id="text2"> </div> 

الله اكبر ولله الحمد طلعت بعرف اشتغل في الاجاكس و ضفت كمان كلمة لودنوج برافوا عليه بجد جزاكم الله عنا كل خير انا كان يشرفني اتعرف علي حضرتك وياريت لو حضرتك تقبل وتضفني علي الايميل وهذا ايميلي omrart@hotmail.com وجزاكم الله خيرا لنا وجعل الله هذا في ميزان حسناتك ،،، اخوك في الله عمر شاهين

[Zizwar]

ماشاء الله، أرأيت ان اللعبة سهلة فقط غير هنا وهناك، وبعدها ستعرف فائدة هذه وفائدة تلك وشيئا فشيئا تصبح لك معرفة تستطيع ان تنجز بها كود من الصفر
بريدي تجده في ملفي الشخصى
http://www.swalif.net/softs/member.php?u=5527

[Omr]

معلش رجعت ليك تاني اكيد تعبناك معانا بس فيه نقطة فيها مشكلة نسيت اقول لحضرتك عليها الكود اللي بنستخدمه دا بنستخدم في الوصلات العامة مثل

<a href="#" onClick="include('?do=mailist','text')" > 

دي الطبيعي علي وصلة عادية طيب لو عاملين فورم نعملها ازاي الاكشن بتعها

<form method="POST" action="include('?do=mailist','text')" > 

المفترض كدا يشتغل بس للأسف مشغتلش ياريت اكون وضحت لحضرتك الفكرة انتظر ردك ان شاء الله :looking:

[Zizwar]

تحتاج الى كود آخر، غير على هذا الكود

<script type="text/javascript">

ajax = function(rappel, method, url, flux){
var xhr = window.XMLHttpurluest ? new XMLHttpurluest() :
       (window.ActiveXObject ?  new ActiveXObject("Microsoft.XMLHTTP") : '');
if (xhr) {
        xhr.onreadystatechange = function () {rappel(xhr);}
        xhr.open(method,  url, true);
        xhr.send(flux);
    } else alert("Ajax ?");
}


isReady = function(xhr, f) {
    if ( xhr.readyState == 4) {
                if (xhr.status != 200)
                      {alert('Erreur HHTP :  ' +  xhr.status);}
                else  { f(xhr.responseText); }
        }
}
//__________________________
insereReponse = function(r){
        document.getElementById('wino').innerHTML = r // ID for InnerHTML
}
include = function(form){
     url = 'wino.php?select=' + form.select.value +
                '&from=' + form.from.value +
                '&where=' + form.where.value ;
     ajax(function (xhr) {isReady(xhr, insereReponse);} , 'GET', url, null);
     return false;
}
//________________________
</script>
        <form action="" onsubmit="return include(this)">
                Select <input id="select" /><br />
                From <input id="from" /><br />
                Where <input id="where" /><br />
                <input type="submit" />
        </form>

 <div id="wino"></div> 

[Omr]

للأسف اخي ابراهيم ،،، لم يعمل معي نهائي حاولت بكل الطرق ولم يعمل انتظر ردك ان شاء الله

[Zizwar]

Omr هل عدلت هنا

include = function(form){
     url = 'wino.php?select=' + form.select.value +
                '&from=' + form.from.value +
                '&where=' + form.where.value ;
     ajax(function (xhr) {isReady(xhr, insereReponse);} , 'GET', url, null);
     return false;
} 

[Omr]

جزاكم الله خيرا اخي تمت العملية بنجاح ولنا في الحديث بقية ،،، اخوك عمر شاهين :nice:

[عبد الله هُربي]

لقد تم تعديل كود جديد حتى تظهر صورة التحميل وكذالك رسالة قيد التحميل، الكود كامل هو

<script type="text/javascript">
<!--
// www.wino.ws & script@wino.ws
//_________________________
var $id = "text";

var $img_loading = "http://www.napyfab.com/ajax-indicators/images/progressbar_microsoft.gif";
var $msg = "<br>loading ....";
//_________________________
var http_request = false;

include = function($url,$method,$send){
if(!$url)return false;
if(!$method)$method = "GET";
if(!$send)$send = null;
if(!$img_loading)$img_loading = ""; else $img_loading = "<img src='"+$img_loading+"' /> ";
document.getElementById($id).innerHTML = $img_loading+$msg;
http_request = false;
if (window.XMLHttpRequest) { 
    http_request = new XMLHttpRequest();
    if (http_request.overrideMimeType) {
         http_request.overrideMimeType('text/xml');
        }
    } else if (window.ActiveXObject) { 
    try {
        http_request = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
        try {
        http_request = new ActiveXObject("Microsoft.XMLHTTP");
        } catch (e) {}
    }
}
if (!http_request) {
        alert('Cannot create XMLHTTP');
        document.getElementById($id).innerHTML = "";
        return false;
    }
    http_request.onreadystatechange = alertContents;
    http_request.open($method, $url, true);
    http_request.setRequestHeader('Content-Type', 'text/html; charset:windows-1256');
    http_request.send($send);
}
function alertContents() {
    if (http_request.readyState == 4) {
        if (http_request.status == 200) {
            document.getElementById($id).innerHTML = http_request.responseText;
        } else {
            alert('There was a problem with the request.');
            document.getElementById($id).innerHTML = "";
            return false
        }
    }
}
//-->
</script>

<!-- ////////////////// -->
<p><a style="text-decoration: none" href="#" onclick="include('http://www.swalif.net/softs')">show text</a>
</p> <div align="center"> <table border="0" width="100%" style="border-collapse: collapse"> <tr> <td id="text">&nbsp;</td> </tr> </table> </div> 

في المتغير $id نضع اسم id الحقل الذي نريد ان تظهر فيه نتائج أجاكس المستوردة
والمتغير $img_loading نضع فيه صورة التي نريدها ان تظهر قيد التحميل مثل
و في المتغير $msg نضع الرسالة التي نريدها بدورها ان تظهر قبل تحميل الملف ك loading ....
مثال

اريد نفس وظيفة الكود ..
ولكن للصفحات العادية ..
مثل صفحات الhtml ..

[Abdulaziz Al Rashdi]

اريد نفس وظيفة الكود ..
ولكن للصفحات العادية ..
مثل صفحات الhtml ..

أخي العزيز
الكود يعمل في صفحات الـHTML
ويمكنك إستدعاء الكود من خلال ملف js أيضا

[Abdulaziz Al Rashdi]

أخي Zizwar
ما معنى ضهور الرسالة

Ajax ?

التي في الكود التالي:

if (xhr) {
        xhr.onreadystatechange = function () {rappel(xhr);}
        xhr.open(method,  url, true);
        xhr.send(flux);
    } else alert("Ajax ?");
}

وأرجو المعذر عن كثرة الأسئلة

[Zizwar]

أخي Zizwar
ما معنى ضهور الرسالة


التي في الكود التالي:

if (xhr) {
        xhr.onreadystatechange = function () {rappel(xhr);}
        xhr.open(method,  url, true);
        xhr.send(flux);
    } else alert("Ajax ?");
}

وأرجو المعذر عن كثرة السؤال

يعني أنه لم يتم الإرسال، هناك مشكلة، اما الرابط غير صحيح او الصفحة التي تريد جلبها موجودة في سرفر آخر