الیـــــــــــــــــــــران

همون طور که قبلا بهتون قول داده بودم امروز آموزش قرار دادن Loading برای وبلاگ ها و صفحات وب رو بهتون میدم .

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

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

بعد از اینکه صفحه کامل لود شد این Loading خود به خود محو میشه و شما صفحه رو به صورت کامل و لود شده می بینید .

اول یه توضیح کوچیک بدم که هر صفحه ی Html یا قالب وبلاگ با یک تگ <html> شروع میشه و با تگ پایانی <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:#eaeaea" 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="#808080" face="Tahoma" size="2"><span lang="fa">صفحه در حال بارگذاری است!<br> لطفا کمی صبر کنید...</span></font></p> <table cellpadding="6" border="0"> <tr> <td align="middle"> <img alt="Please wait ..." src="http://i2.tinypic.com/qnmcdv.gif" width="91" height="11" border="0"> <p> <span lang="en-us"><a target="_blank" href="http://eliran.blogsky.com">Loading by : eliran.blogsky.com</a> </span></p> </td> </tr> </table> </div> <SCRIPT> ap_showWaitMessage('waitDiv', 1); </SCRIPT>

همونطور که گفتم بعد از تگ <html> یه اینتر بزنید تا یه سطر باز بشه و بعد کد رو در اون سطر بزارید . مثل زیر :

<html>
کد اول رو اینجا بزارید
.......

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

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

کد دوم رو باید بزارید آخره آخره قالبتون ( اگه بزارید قبل از تگ <html/> بهتره ) . مثل زیر :

.....
کد دوم رو اینجا بزارید
</html>

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

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

فقط به این خاطر من این جاها رو براشون گفتم که اول و آخر کدها معلوم باشه که مثلا یه قالب با <html> شروع و با <html/> تموم میشه .

از دوست خوبم:لقمان آوند.

EPRE پنج‌شنبه 21 اردیبهشت‌ماه سال 1385 ساعت 19:24