اموزش ساختن کد جاوا اسکریپت(لودینگ)

mehdigerdali

کاربر طلایی1

تاریخ عضویت : خرداد 1390

تعداد پست ها : 5587

محل سکونت : خوزستان

اموزش ساختن کد جاوا اسکریپت(لودینگ)
چهارشنبه 25 خرداد 1390 3:54 PM

آموزش کامل ساخت لودینگ برای وبلاگ یا سایت

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

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

خوب برای این کار ابتدا کد زیر رو در ابتدای قالب خوب بعد از تگ <Body> قرار دهید :

<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> <div id="waitDiv" style="border: 1px dotted ; POSITION:absolute;TOP: 90;RIGHT:400;TEXT-ALIGN:center; visibility:hidden; width:211; background-color:#b3c3e4" padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px> <p dir="rtl" style="margin-top: 5; margin-bottom:5"> <font color="#0000FF" face="Tahoma" style="font-size: 8pt">صفحه در حال بارگذاری است!<br>لطفا کمی صبر کنید...</font></p> <p dir="rtl" style="margin-top: 0"><font face="Tahoma" style="font-size: 8pt"> <img alt="Please wait ..." src="http://www.iroweb.com/Photo/90a.gif" width="150" height="13" border="0"><br> <span style="visibility:''"> <a target="_blank" href="http://www.iroweb.com" style="text-decoration: none">Loading by : iroweb.com</a></span></font></p> </div> <SCRIPT> ap_showWaitMessage('waitDiv', 1)</SCRIPT>

مثل زیر :

<body>
<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 a ....

.....

بعد از اینکه کد بالا رو جایی که گفتم گذاشتید نوبت به گذاشتن کدی می رسه که بعد از لود صفحه ، لودینگ رو حذف کنه . لذا باید این کد رو در آخر کد قالبتون و قبل از تگ <html/> قرار دهید :

<SCRIPT> ap_showWaitMessage('waitDiv', 0) </SCRIPT>

مثل زیر :

<SCRIPT>ap_showWaitMessage('waitDiv', 0)</SCRIPT>
</html>

***_{به بهشت نمی روم اگر مــــــادرم آنجا نباشد***}

آنگاه که تنها شدی و در جست جوی یک تکیه گاه مطمئن هستی ، بر من توکل نما . نمل/79

تشکرات از این پست

aligh1372 imanebrahimi2003