ظهور الصفحات بالـ AJAX مع فترة تحميل (Loading)

[اسامة الهادى]

السلام عليكم ورحمه الله وبركاته
طلبى هو كيفيه عمل طريقه عرض للصفحات عن طريق AJAX
يعنى مثلا هذه عندى القائمه
HOME
CONTACT
EXIT
حين الضغط على HOME
تظهر صورة Loading تعبر عن التحميل ثم فى خليه معينه يظهر المحتوى وهو محتوى الملف
home_page.html
وهكذا مع كل القوائم

ارجو انى اكون استطعت توصيل ما أريده إليكم
وشكرا مقدماً

[الإمبراطور وحيد]

البحث بدقة أسهل وأسرع طريقة للحصول على المعلومة

اعتقد هذا طلبك

http://www.swalif.net/softs/showthread.php?t=167170

سلامي لك

[اسامة الهادى]

أعتذر
ولكن لى إستفسار
كيف يتم وضع صورة خاصه باللودنج أثناء التحميل ؟؟

[Zizwar]

ان كان عندك الكود اريك اين بالضبط
المهم انه يوضع فيى بداية الإرسال وفي نفس المساحة التي ستظهرفيها البيانات المستوردة
مثلا سنظهر البيانات في المساحة

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

فإننا عند الإرسال نضع في تلك المساحة صوة اللودينغ، وبعد غستوراد البيانات ستأخد تلك البيانات مكان تلك الصورة

               
document.getElementById("wino").innerHTML = "<img src='http://www.alsaha.cc/editor/image/loading.gif' /> áÍÙÇÊ ..."; 

هنا مثال كامل

                var http_request = false;

           include = function (url,met,msg_,edits) {
               
               if(!url)return false;
               
document.getElementById("wino").innerHTML = "<img src='http://www.alsaha.cc/editor/image/loading.gif' /> áÍÙÇÊ ...";
if(msg_)
document.getElementById("wink").innerHTML = msg_;
                http_request = false;

                if (window.XMLHttpRequest) { // Mozilla, Safari,...
                    http_request = new XMLHttpRequest();
                    if (http_request.overrideMimeType) {
                        http_request.overrideMimeType('text/xml');
                    }
                } else if (window.ActiveXObject) { // IE
                    try {
                        http_request = new ActiveXObject("Msxml2.XMLHTTP");
                    } catch (e) {
                        try {
                        http_request = new ActiveXObject("Microsoft.XMLHTTP");
                        } catch (e) {}
                    }
                }

                if (!http_request) {
                    alert('Giving up :( Cannot create an XMLHTTP instance');
                    return false;
                }
                http_request.onreadystatechange = alertContents;
                
                if(!met)met="GET"
                http_request.open(met, url, true);
               
                http_request.setRequestHeader('Content-Type', 'text/html; charset:windows-1256');
                
                http_request.send(null);
                //return false

            }

            function alertContents() {

                if (http_request.readyState == 4) {
                    if (http_request.status == 200) {
                        document.getElementById("wino").innerHTML = http_request.responseText;
                                                    
                        return false
                    } else {
                        alert('There was a problem with the request.');
                        return false
                    }
                }

            } 

[اسامة الهادى]

فعلتها

كتبت

var loadstatustext="<img src='loading.gif' /> Requesting content..." 

فى البدايه وبكدا انا عرفت تقريبا داله او متغير ( الله اعلم )
وبحثت عن الكود الخاص بعرض الصفحه ..
وبعد عناء ومقارنات بملفات آخرى طلع هو

page_request.onreadystatechange=function(){
loadpage(page_request, containerid)
} 

أستخدمت الكود

document.getElementById(containerid).innerHTML=loadstatustext 

وأشتغلت والحمدلله .. الآن لدى ما طلبته وأسعدنى جدا انى بحثت ووجدت
وعرفت القليل عن التقنيه كأكواد
شكرا للإمبراطور وشكراً لزيزوار وشكرا لـ Dynamic Drive