mm
4 سال پیش توسط mm مطرح شد
7 پاسخ

لودینگ

سلام دوستان
میخاستم قبل لود شدن سایتم لودینگ نمایش بدم تا زمانی که سایت به طور کامل لود بشه تو بعضی سایتها لودینگهای بسیار جالبی دیدم ممکنه دوستان توضیح یدن چطور استفاده کنم و چطور کد بزنم تا زمانی که سایت کامل لود بشه اون لودینگ نمایش داده بشه
سوال دومم این که میخام لودینگ زمانی که کاربر یک صفحه رو درخواست میکنه از تو سایتم هم نمایش بدم تا زمانی که اون صفحه لود بشه
ممنون میشم دوستان توضیح بدن چطور کد بزنم که اول لودینگ قبل لود سایت یا فرم درخواست شده کاربر از سایت نمایش داده بشه و دوم چطوری کد بزنم که تا زمانی که سایت یا فرم درخواستی کاربر تا زمانی که بارگزاری نشده لودینگ نمایش داده بشه
ممنونم
توضیح بیشتر اینکه بک اند لاراول هست و فرانت هم html معمولی هستش


ثبت پرسش جدید
محمدحسن یگانه
تخصص : Full-Stack Web Developer Freel...
@mhyeganeh 4 سال پیش مطرح شد
1

@mahdi72ah

نیازی به setTimeout نیست و فکر کنم علتی که اینجور نوشتن به منظور تست کردن در محیط لوکال بوده باشه. در کل شما کافیه دستور مربوط به مخفی کردن اون المنت رو اگر از JQuery استفاده می‌کنید داخل بلوک زیر قرار بدید:

$(document).ready(function() {
    //Here...!
}

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


نیما - ش
تخصص : برنامه نویس وب
@nimageneral 4 سال پیش مطرح شد
0

سلام دوست عزیز
چندتا لینک واست میفرستم ، ببین شون . خیلی راحت میتونی لودینگ های مختلفی بسازی و متوجه شون بشی که چطور بسازیشون
لینک 1
لینک 2
لینک 3
لینک 4
لینک 5
لینک 6
لینک 7
لینک 8
لینک 9


محمدصادق عبداللهی
تخصص : junior full stack developer
@mimsadAlef 4 سال پیش مطرح شد
0

اینجا رو ببینید
icons8.com/cssload


mm
@mahdi72ah 4 سال پیش مطرح شد
0

با تشکر از دوستان عزیزم
مشکل من اینه که نمیدونم چطور تو لاراول کد بزنم که این لودینگها نمایش داده بشه تا زمانی که سایتم یا فرمی که کاربر درخواست داده کامل لود بشه
منظورم اینه که اول که سایتم لود میشه چطور این لودینگ نمایشش بدم و چطور کد بزنم که کدم متوجه بشه سایتم لود شده و نمایش لودینگ دو متوقف کنه و دوم میخام این لودینگ هم برای هر فرمی که کاربر درخواست داده نمایش بدم که بازم مثل قبل بیاد به محض لود شدن کامل فرم درخواستی کاربر از سایتم نمایش لودینگ رو متوقف کنه
با سپاس


نیما - ش
تخصص : برنامه نویس وب
@nimageneral 4 سال پیش مطرح شد
1

شما میتونید این تکه کد html مربوط به لودینگ رو توی ویوی مربوط به هدرتون قرار بدید ( البته اگر میخوایید توی تمام صفحات نمایشش بدید ) و یه اسکریپ جی اس مینویسید که زمانی که صفحه کاملا لود شد ، این لودینگ محو بشه

به عنوان مثال قسمت هدر

<div id="loader-wrapper">
  <div id="loader"></div>

  <div class="loader-section section-left"></div>
  <div class="loader-section section-right"></div>

</div>

و سپس جی اس

$(document).ready(function() {

  // Fakes the loading setting a timeout
    setTimeout(function() {
        $('body').addClass('loaded');
    }, 3500);

});

محمدصادق عبداللهی
تخصص : junior full stack developer
@mimsadAlef 4 سال پیش آپدیت شد
1

با لاراول نمی شه ولی با جاوا اسکریپت می شه
در خط اول لودینگ خودتون رو می گذارید و در خط آخر با جاوا اسکریپت حذف می کنید
یعنی اینجوری

<html>
<head>
.....
</head>
<body>
<div id="loader">
....
</div>
.....
.....
<script>
        document.getElementById('loader').style.display = "none";
</script>
</body>
</html>

البته یادتون باشه لودرتون باید id باشه نه class

کد من هم با جاوا اسکریپت خام هست و کد @nimageneral هم با jquery


mm
@mahdi72ah 4 سال پیش مطرح شد
0

ممنونم از پاسختون
فقط میلاد عزیز کد جاوا اسکریپت که نوشتی تایم هست که 3500 میلی ثانیه میاد و لودینگ رو محو میکنه چطور میشه تو جاوا اسکریپت کد زد که تا زمانی که صفحه لود نشده بیاد و لودینگ رو نمایشش بده شاید سرعت نت کم بود و تا 10 ثانیه سایت لود نشد باید داینامیک باشه که یه جوری تا سایت کامل لود نشده بیاد و لودینگ رو نمایشش بده
ممنونم


محمدحسن یگانه
تخصص : Full-Stack Web Developer Freel...
@mhyeganeh 4 سال پیش مطرح شد
1

@mahdi72ah

نیازی به setTimeout نیست و فکر کنم علتی که اینجور نوشتن به منظور تست کردن در محیط لوکال بوده باشه. در کل شما کافیه دستور مربوط به مخفی کردن اون المنت رو اگر از JQuery استفاده می‌کنید داخل بلوک زیر قرار بدید:

$(document).ready(function() {
    //Here...!
}

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


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام