Mohammad Hasani
3 سال پیش توسط Mohammad Hasani مطرح شد
6 پاسخ

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

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


ثبت پرسش جدید
سبحان مولایی
تخصص : برنامه‌نویس وب: Python ::...
@websaz 3 سال پیش مطرح شد
0

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


Awmx
@awmx 3 سال پیش آپدیت شد
0

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

BlockUI


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

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


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

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

@MohammadHasani


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

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


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

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

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

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

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