أعماليمدونتيمن أنا ؟ English

[EL7R]

السبت، 11 يوليو، 2009

[ Jquery ] تحميل الصفحة بأبسط طريقة

بسم الله الرحمن الرحيم

استغرقت الكثير من الوقت في البحث عن مثال اجاكس جاهز لتحميل الصفحة ولكنني لم أجد
فجائتني هذه الفكرة البسيطة والخالية من التعقيدات باستخدام مكتبة الجي كويري
الفكرة :
إنشاء div وكتابة جاري التحميل بداخله أو وضع صورة تفيد بانه جاري التحميل وإعطائه الآي دي loading
ومن ثم كتابة onload="" في وسم الـbody
وكتابة كو دجي كويري داخل onload يقوم بإخفاء div loading
الكود:
<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"></script>

<body onload="$(document).ready(function() { $('div#loading').hide('slow'); });">

<div id="loading" style="position:fixed;"><img src="xxxxxxxxxxx" /></div>

هناك 3 تعليقات:

  1. مشكور حبيبي شرح رائع

    ردحذف
  2. ادهم علام9 مارس، 2010 8:42 ص

    ماشاء الله عليك اخ على

    فكرة رائعة وجميلة تسلم ايدك
    بس ممكن كود الصفحة
    او شوية توضيح اكتر

    ردحذف
  3. تحديث: تواريخ التعليقات غير صحيحة وذلك بسبب نقل المدونة لبلوجر.

    ردحذف