بــرگ از درخت خسته میشه پاییز همش بهونست

لودینگ

سلام دوستان . دوسه روز پیش من یه کد لودینگ رو توی قالب سایت گذاشته بودم که چند تا از دوستان خواسته بودن که کد این لودینگ رو براشون میل کنم اما من تصمیم گرفتم این کد رو توی سایت بزارم تا اگه دوستان دیگه هم احتیاج به لودینگ برای وبلاگشون داشتن بتونن از این کد استفاده کنن.

لودينگي كه امروز بهتون معرفی میکنم به اين شيوه كار ميكنه كه هنگامي که آدرس صفحه رو ميزنيد يه مستطيل مثل زير در بالاي صفحه مياد و هي پر ميكنه تا صفحه كاملا لود شه و بعد از لود شدن کاملا از روی صفحه محو میشه.

صفحه در حال بارگذاري است!
لطفا کمي صبر کنيد...

خوب ابتدا كد زير رو برداريد و در قالب وبلاگ ( يا كدهاي Html صفحه ي مورد نظرتون ) بعد از تگ <html> كه در اول قالب هست بزاريد . مثل زیر.

<html>
كد اول رو اينجا بزاريد
.......

اینم از کد اول:

<SCRIPT> 
var DHTML = (document.getElementById || document.all || document.layers); 
function ap_getObj(name) 
{ 
if (document.getElementById) 
{ 
return document.getElementById(name).style; 
} 
else if (document.all) 
{ 
return document.all[name].style; 
} 
else if (document.layers) 
{ 
return document.layers[name]; 
} 
} 
function ap_showWaitMessage(div,flag) 
{ 
if (!DHTML) return; 
var x = ap_getObj(div); 
x.visibility = (flag) ? 'visible':'hidden' 
if(! document.getElementById) 
if(document.layers) 
x.left=280/2; 
return true; 
} 
 </SCRIPT>
<body>
<div id="waitDiv" style="border: 1px dotted silver ; POSITION:absolute;TOP: 90;RIGHT:400;TEXT-ALIGN:center; visibility:hidden; width:211; background-color:#4E49C8"  padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px>
	<tr>
	<td align="middle">
	</td>
	<p dir="rtl" style="margin-top: 5">
	<font color="#FFFFFF" face="Tahoma" size="2"><span lang="fa">
    <a href="http://www.tkbleak.com"><font color="#FFFFFF">صفحه در حال 
    بارگذاري است!<br>
	لطفا کمي صبر کنيد...</font></a></span></font></p>
	<table cellpadding="6" border="0">
		<tr>
			<td align="middle">
			<img alt="Please wait ..." src="http://tkbleak.persiangig.com/Image/loading.gif" width="150" height="16" border="0">
<p>
			<span lang="en-us"><a href="http://www.tkbleak.com">
            <font color="#FFFFFF">Loading by : tkbleak.com</font></a>
            </span></p>
			
			</td>
		</tr>
	</table>
</div> 
<SCRIPT> 
  ap_showWaitMessage('waitDiv', 1); 
</SCRIPT>

بعد از اينكه كد بالا رو در جايي كه گفتم قرار داديد نوبت به كد دوم ميرسه . كد دوم كاربردش اينه كه وقتي صفحه كامل لود شد لودينگ بسته بشه پس اين كد بايد در انتهاي قالب و قبل از تگ <html/> قرار بگيره . كد دوم رو بايد بزاريد آخره آخره قالبتون ( اگه بزاريد قبل از تگ <html/> بهتره ) . مثل زير :

.....
كد دوم رو اينجا بزاريد
</html>

اینم از کد دوم :

لازمه اينو بگم: اينكه كد اول رو بعد از تگ <html> بزاريد ضروري نيست و ميتونيد كد اول رو در اوله اوله قالب بزاريد .

همچنين اينو : كه كد دوم رو قبل از تگ <html/> بزاريد ضروري نيست و ميتونيد كد دوم رو در آخره آخره قالب بزاريد .

موفق و پیروز باشید

موضوع مطلب : کدهای توپ جاوا اسکريپ

نویسنده دکتر مسعود از بچه های میهن بلاگ۲

+ نوشته شده در جمعه 21 مهر1385ساعت 16:36 توسط love2887 |

بــرگ از درخت خسته میشه پاییز همش بهونست

لودینگ

نوشته های پیشین

آرشیو موضوعی

پیوندها