PDA

View Full Version : سوال: ساخت loading message با jquery


jeson_park
یک شنبه 11 فروردین 1392, 12:15 عصر
سلام
من یه صفحه ASP.net دارم
می خوام تا زمانی که تمام عناصر صفحه لود نشده یک پیغام loading توی صفحه نمایش داده شه
وقتی همه عناصر کامل لود شد اونوقت همه رو با هم به کاربر نشون بده

تمام عناصر صفحه من داخل تگ div هستن
یه دونه div هم به اسم loading در انتهای صفحه قرار دادم
و کد رو به این صورت نوشتم

<script language="javascript" type="text/javascript">
$('div:not(#loading)').hide();
$(document).ready(function () {
$('#loading').hide();
$('div:not(#loading)').show();


});
</script


برای loading هم یه استایل اینطوری گذاشتم

#loading
{
background: url(images/loadBar.gif) no-repeat center center;
height: 200px;
width: 19px;
}

اما خوب نمیشه
پیج به روال عادیش لود می شه
blackboy
یک شنبه 11 فروردین 1392, 21:20 عصر
سلام


<script type="text/javascript"> $(document).ready(function(){ $("#X").fadeIn(2000,function(){ $(".z").html("Complate"); }); }) </script>
jeson_park
یک شنبه 11 فروردین 1392, 21:34 عصر
سلام
این چیه الان؟؟
دقیفا این رو باید کجا بزارم؟؟ یه مثال کامل می زاشتی :لبخندساده:
کی به کیه؟؟ چی به چیه؟؟؟ :گیج:
jalil_gh
شنبه 17 فروردین 1392, 10:53 صبح
این کار سختیه چون مرورگرهای مختلف روش های مختلفی برای رندر کردن html دارند. بعضی ها همین که اولین اطلاعات رو دریافت کردن شروع به رندر کردن و رسم می کنند. بعضی ها هم منتظر میشن تا همه اطلاعات رو دریافت کنن بعد شروع به رسم می کنن. به هر حال اینو امتحان کن...


فایل css و jquery رو تو قسمت head قرار بده.
div مربوط به loading رو حذف کن
درست بعد از تگ <body> این اسکریپت رو بذار.

$(function(){
$('#allOfMyContent').hide(); // hide all the content
});


window.onload = function(){
$('#loading').remove();
$('#allOfMyContent').show();
};

document.write("<div id="loading" style="background: url(images/loadBar.gif) no-repeat center center; height: 200px; width: 19px; position:fixed; top:50%; left:50%; margin-top:-100px; margin-left: -8px"></div>");