Instagram
اخبار سایت :
  • هیچی فقط همیشه سالم و سلامت باشین :دی

کد لودینگی که درصد لود شدن صفحه را نمایش می دهد (به همراه آموزش نصب)

loading 50%
همانطور که در بالا می بینید شک کد لودینگ قرار داده شده است که البته یک دمو می باشد و در اینجا کار نمی کند.
شما با استفاده از این آموزش می تونید در وب خودتون کد لودینگی را قرار دهید که در اون شما می تونید درصد لود شدن صفحه رو بزنید.

یه کد جالب براتون درست کردم که مشکلش اینه که باید دستی درصد هاشو وارد کنی.
چون قالب هنوز کامل لود نشده پس امکانش نیست که مرورگر بفهمه که چه اندازه از قالب کاملا لود شده به خاطر همین باید اینطوری عمل کرد.
اول از همه این کد رو بذارید توی head قالبتون:

<script>
function loading(no){
document.getElementById('textload').innerHTML='loading '+no+'%';
document.getElementById('loadbox').style.width=no+'%';
}
function del(){
document.getElementById('moisrexboxload').style.display='none';
}
</script>
<style>
#moisrexboxload{
position:absolute;
top:10px;
left:50%;
width:300px;
margin-left:-150px;
border:1px #ccc solid;
border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-khtml-border-radius:5px;
background:#fff;
padding:10px;
}
#bgloadbox{
width:150px;
height:20px;
background-image:url(http://www.rozblog.com/images/rank/0.gif);
background-repeat:no-repeat;
background-position:top left;
text-align:left;
}
#loadbox{
width:20%;
height:20px;
background-image:url(http://www.rozblog.com/images/rank/0.jpg);
background-repeat:no-repeat;
background-position:topleft;
float:left;
}
#textload{
font-size:10px;
font-family:"Comic Sans MS",Tahoma;
}
</style>



بعدش این رو بذارین اول های body قالبتون:

<center id="moisrexboxload"><div id="bgloadbox"><div id="loadbox"></div></div><div id="textload"></div></center>



بعدش اینو بذارین آخر آخر قالبتون برای حذف کردن میزان لودینگ:

<script>del();</script>



بعدش مثلا داخل 25 درصدی قالبتون کد زیر رو بذارید و بعدش داخل 50 درصدی قالبتون همین کد رو بذارین و فقط به جای 25 بذارین 50 و همینطور تا هر جا که بخواین بذارین:

<script>loading('25');</script>

 

من تست کردم نشد
پاسخ : اسماعیل : ولی من تست کردم شد...:دی
با تشکر
سلام
قالب وبلاگ رو ساده تر کن
اینکه عضو بشیم خیلی رو مخه امکانش رو برداد
کی اینو تست کرده؟
پاسخ : من ...

نام
ایمیل (منتشر نمی‌شود) (لازم)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
کد امنیتی
کلاس های آنلاین فعال

برای افزایش دانش عمومی کاربران سعی بر این داریم که کلاس های آنلاینی برگزار کنیم. لیست این کلاس (ها) را می توانید در زیر ببینید. این قسمت را هر روز چک کنید تا از کلاس ها و اخبار جدید با خبر شوید. کلاس ها توسط همین کاربران و دوستان شما برگزار میشود. اگر مایل به برپایی کلاس آموزشی ای در هر زمینه ای هستید با مدیر تماس بگیرید.

مدرس: محمد و اقبال
آموزش PHP - جلسه اول
پنجشنبه 04 تیر 1394 - 17:00
هیچ کلاس فعالی موجود نیست.
کاربران آنلاین
آمار
مطالب : 792
نظرات : 4371
تعداد اعضا : 36527
افراد آنلاین : 6
بازدید امروز : 926
بازدید دیروز : 1,472
گوگل امروز : 105
گوگل دیروز : 125
بازدید هفته : 3,411
بازدید ماه : 37,478
بازدید سال : 207,952
بازدید کلی : 10,602,428