طريقة العرض اللانهائية للبيانات مثل جوجل أو بينج

السلام عليكم ورحمة الله وبركاته

من أكثر الأشياء التي لا أحبها حقيقة هي مفهوم الصفحات (Paging)المتعددة لعرض البيانات ولذلك كنت أبحث منذ مدة عن طريقة عرض أفضل حتى وجدت محرك البحث بينج والذي قدم مفهوم جميل جدا خاصة عند إستعراض الصورة وهي أن عدد معين من الصور يتم عرضه في الصفحة ثم إذا قم بالنزول لأسفل الشاشة بإستخدام الماوس على سبيل المثال فأن عدد أخر من الصورة يتم تحميله وكهذا حتى يتم الإنتهاء من تحميل جميع الصور .. هذا الأسلوب يعرق بإسم العرض أو التنقل اللانهائي للبيانات (Infinite Scroll) والصورة التالية من البرنامج الذي قمت بعمله والتي توضح لك هذا المفهوم

مالفائدة الذي يقدمها مفهوم ال Infinite scroll

هذا المفهوم سوف يوفر علىك وعلى زائر الموقع الكثير من الجهد . فالنسبة لك لن تضظر بعد ذلك أن تدخل في تفاصيل إنشاء صفحات وعرض عدد معين من البيانات مثل الذي يحدث في الجريد فيو. أما بالنسبة للمستخدم فأنه يوفر عليه تصفح أسهل للموقع حيث أنه لن يضطر إلى التنقل بين الصفحات في كل مرة يريد عرض البيانات فيها

من يستخدم هذا المفهوم

جميع المواقع الكبيرة مثل فيس بوك وتويتر وجوجل وبينج وانت أيضا :lol:

طريقة عمل البرنامج

طريقة عمل البرنامج بسيطة حيث تقوم بالتحقق من موضع السكرول (Scroll) الخاص بالصفحة من خلال معادلة رياضية بسيطة فأن كان السكرول في أسفل الصفحة فأنه سوف يتم تحميل المزيد من البيانات في الصفحة من خلال الإستفادة من مكتبة ال JQuery والتي تقوم بجلب البيانات من خلال الأجاكس

كود الجافا سكريبت للتوضيح

 //When scroll down, the scroller is at the bottom with the function below and fire the lastPostFunc function 
            $(window).scroll(function () { 

                if ($(window).scrollTop() == $(document).height() - $(window).height()) { 
                    Load(Skip, Take); 


                    Skip = Skip + 14;

طبعا المثال يقتصر على عرض الصور فقط ولكن الأشياء التي يمكن عملها بهذا المفهوم لاحصر لها .

أتمنى أن يكون الموضوع نال إعجابكم رغم بساطته ورغم عدم تعمقي فيه

رابط التحميل

هذا البرنامج موجود على MSDN وقد نال بفضل الله على إعجاب الجميع حيث أنه يعتبر (Featured) أي من البرامج والعينا المميزة وبلغ تحميله حتى هذه اللحظة 8,704 مرة ويمكن تحميله من الرابط التالي

الرابط الخاص بي

يمكنكم أيضا تقيم البرنامج اذا ارتم بشرط ان يكون لديكم حساب في الهوتميل او ويندوز لايف

دمتم بخير ولاتنسونا من الدعاء