حذف صفحه لودینگ بعد از لود کامل صفحه
درود به دوستان برنامه نویس
میخوام لودینگ داشته باشم برای قالبی که دارم میزنم
کد جاوااسکریپتش که بعد از لود صفحه مثلا کلاسی که میخوام حذف شه، چطوری نوشته میشه؟ :)
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
به صورت ساده میتونی توی js از ایونت load استفاده کنی برای زمانی که صفحه به صورت کامل لود میشه , البته دقت کن این load شدن به صورت عمده برای هر نوع DOM و ریکوئستی هست که در زمان اجرای اولیه ارسال میشه و مثلا اگه بعد از اجرای اولیه ریکوئست ها شما یک ریکوئست برای دریافت مقالات ( به عنوان مثال ) ارسال کنید خب این میتونه توی اسکریپت لودینگ شما مشکلاتی ایجاد کنه البته با نوشتن یک سورس به عنوان ماژول که توی اون هم لودینگ اجرا بشه و هم ریکوئست هارو از اون طریق ارسال کنی میتونی این مشکل رو حل کنی :) به ساده ترین شکل اینه که یک متغیر ساده بنویسی و در زمانی که ریکوئست ها با readyState 4 برگشت داده میشه و ریسپانس رو دریافت کردی مقدار متغیر رو به false تغییر بدی و در زمانی که ریکوئست ها ارسال میشه هم مقدار رو true نگهداری اینجوری میتونی بفهمی صفحه کامل لود شده یا نه
البته من خیلی چیز میز الان اضافه کردم بهش و درکل اگر ریکوئستی ارسال نمیکنی از طریق xhr و ... میتونی خیلی راحت با همون ایونت load بارگذاری صفحه رو متوجه بشی
سلام
تا جایی که فهمیدم سوال شما اینه که بعد از لود شدن کامل چطور استایل ها عوض شه یا اون لودر حذف شه
خب توی جی کوئری اگر استفاده میکنی ما document.ready داریم load داریم توی جاوا اسکریپت هم متد هایی داریم خیلی راحت با یه سرچ ساده میتونی پیدا کنی حالا من چند مثال این زیر قرار میدم ببین چی ب کارت میاد
$(window).on("load", function() {
$('#preloader').delay(2500).fadeOut(500);
}); window.addEventListener('load', function() {
var spinner = document.getElementById('loading-spinner');
spinner.style.display = 'none';
});document.onreadystatechange = function() {
if (document.readyState !== "complete") {
document.querySelector("body").style.visibility = "hidden";
document.querySelector("#loader").style.visibility = "visible";
} else {
document.querySelector("#loader").style.display = "none";
document.querySelector("body").style.visibility = "visible";
}
};$(window).load(function(){
//PAGE IS FULLY LOADED
//FADE OUT YOUR OVERLAYING DIV
$('#overlay').fadeOut();
});