وبلاگ آموزشی پویاگستر

بهترین آموزش ها -کتب الکترونیک-اموزش آشپزی-آموزش فتوشاپ و ...

وبلاگ آموزشی پویاگستر

بهترین آموزش ها -کتب الکترونیک-اموزش آشپزی-آموزش فتوشاپ و ...

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

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

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

خوب برای این کار ابتدا کد زیر رو در ابتدای قالب خوب بعد از تگ <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.iroweb1.persiangig.com/Photo/90a.gif" width="150" height="13" border="0"><br> <span style="visibility:''"> <a target="_blank" href="http://www.poyagostar.blogsky.com" style="text-decoration: none">Loading by : poyagostar.blogsky.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>

خوب دیگه کار تموم میشه .

مصطفی احمدی سه‌شنبه 10 مرداد‌ماه سال 1385 ساعت 02:08 ب.ظ