راکت
Mohammad Hasani
Mohammad Hasani
توسط Mohammad Hasani مطرح شد
6 پاسخ

نمایش Loading تا بارگزاری کامل div و فچ شدن دیتا از Api

سلام و خسته نباشید
دوستان یه صفحه دارم که وصل میشه به یه Api
من داخل اون یه سری div گذاشتم که اطلاعات رو که از api میاد فچ کنه
یه مشکلی هست اینه که یه زمان هایی مدت زمان انتظار بیشتر از یه حدی میشه و div ها نمایش داده نمیشن
میشه یه حرکتی زد که تا قبل از اینکه این div ها کامل میان بالا یه مثلا pogress bar یا حالا هرچیزی نمایش داده بشه ؟
ممنون میشم کمک کنید
@websaz
@mohaligateway
@Rp76
@samanzdev
@juza66 @websaz
@muhammad
@samanzdev
@mrn @arminbeik


ثبت پرسش جدید
سبحان مولایی
سبحان مولایی
تخصص : برنامه‌نویس وب: Python :: Django :: Node :: Php :: Laravel :: JS :: React :: React Native
@websaz5 سال پیشمطرح شد
0

سلام لطفا تکنولوژی هارو بگید مثلا jquery .
@MohammadHasani


Awmx
Awmx
@awmx5 سال پیشمطرح شد
0

میتونی از Block UI استفاده کنی داخل تگ div که مشخص میکنی لودینگ رو نمایش میده

BlockUI


Mohammad Hasani
Mohammad Hasani
تخصص :JS Devloper
@MohammadHasani5 سال پیشمطرح شد
0

@websaz
فرقی نداره
یا js یا جی کوئری


moha li
moha li
تخصص :توسعه دهنده لاراول و Vue
@mohaligateway5 سال پیشمطرح شد
0

سلام
می تونید از top loading bar استفاده کنید. این بهتر از spinner هست چون تو spinner هیچ چیز توی صفحه مشخص نیست.

@MohammadHasani


علیرضا کفایتی
علیرضا کفایتی
تخصص :برنامه نویس laravel, vue.js
@alirezakefayati5 سال پیشمطرح شد
0

سلام
من معمولا از این استفاده میکنم . البته من بیشتر این نوع رو دوست دارم :
https://www.jqueryscript.net/loading/jQuery-Plugin-For-Creating-Loading-Overlay-with-CSS3-Animations-waitMe.html


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

سلام بهترین گزینه این کاره
یه css لودینگ از https://icons8.com/cssload بردارید
با جاوا اسکریپت هر وقت سایت لود شد و api ها جواب دادند حذفش بکنید
من نمی دونم چجوری نوشتید شما
اما بدونید که وقتی درخواست http جواب داده شد باید با استفاده از کد زیر لودینگ رو حذف کنید

  <div id="loading"> ... </div>
...
  var elem = document.getElementById("loading");
  elem.parentNode.removeChild(elem);

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

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