لودینگ
سلام دوستان
میخاستم قبل لود شدن سایتم لودینگ نمایش بدم تا زمانی که سایت به طور کامل لود بشه تو بعضی سایتها لودینگهای بسیار جالبی دیدم ممکنه دوستان توضیح یدن چطور استفاده کنم و چطور کد بزنم تا زمانی که سایت کامل لود بشه اون لودینگ نمایش داده بشه
سوال دومم این که میخام لودینگ زمانی که کاربر یک صفحه رو درخواست میکنه از تو سایتم هم نمایش بدم تا زمانی که اون صفحه لود بشه
ممنون میشم دوستان توضیح بدن چطور کد بزنم که اول لودینگ قبل لود سایت یا فرم درخواست شده کاربر از سایت نمایش داده بشه و دوم چطوری کد بزنم که تا زمانی که سایت یا فرم درخواستی کاربر تا زمانی که بارگزاری نشده لودینگ نمایش داده بشه
ممنونم
توضیح بیشتر اینکه بک اند لاراول هست و فرانت هم html معمولی هستش
پاسخ‌ها
7
نیازی به setTimeout نیست و فکر کنم علتی که اینجور نوشتن به منظور تست کردن در محیط لوکال بوده باشه. در کل شما کافیه دستور مربوط به مخفی کردن اون المنت رو اگر از JQuery استفاده می‌کنید داخل بلوک زیر قرار بدید:
$(document).ready(function() {
//Here...!
}بلوک فوق همون طوری که از اسمش پیداست زمانی اجرا میشه که کل صفحه load شده باشه و بهترین زمان برای مخفی کردن المنت مربوط به loading هست.
اینجا رو ببینید
icons8.com/cssload
گفتگوهای مرتبط
شاید پاسخ شما همین‌جا باشد
با تشکر از دوستان عزیزم
مشکل من اینه که نمیدونم چطور تو لاراول کد بزنم که این لودینگها نمایش داده بشه تا زمانی که سایتم یا فرمی که کاربر درخواست داده کامل لود بشه
منظورم اینه که اول که سایتم لود میشه چطور این لودینگ نمایشش بدم و چطور کد بزنم که کدم متوجه بشه سایتم لود شده و نمایش لودینگ دو متوقف کنه و دوم میخام این لودینگ هم برای هر فرمی که کاربر درخواست داده نمایش بدم که بازم مثل قبل بیاد به محض لود شدن کامل فرم درخواستی کاربر از سایتم نمایش لودینگ رو متوقف کنه
با سپاس
شما میتونید این تکه کد 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);
});با لاراول نمی شه ولی با جاوا اسکریپت می شه
در خط اول لودینگ خودتون رو می گذارید و در خط آخر با جاوا اسکریپت حذف می کنید
یعنی اینجوری
<html>
<head>
.....
</head>
<body>
<div id="loader">
....
</div>
.....
.....
<script>
document.getElementById('loader').style.display = "none";
</script>
</body>
</html>البته یادتون باشه لودرتون باید id باشه نه class
کد من هم با جاوا اسکریپت خام هست و کد @nimageneral هم با jquery
ممنونم از پاسختون
فقط میلاد عزیز کد جاوا اسکریپت که نوشتی تایم هست که 3500 میلی ثانیه میاد و لودینگ رو محو میکنه چطور میشه تو جاوا اسکریپت کد زد که تا زمانی که صفحه لود نشده بیاد و لودینگ رو نمایشش بده شاید سرعت نت کم بود و تا 10 ثانیه سایت لود نشد باید داینامیک باشه که یه جوری تا سایت کامل لود نشده بیاد و لودینگ رو نمایشش بده
ممنونم