امروز کد بسیار جالب و پر کاربردی را به درخواست یکی از بازدید کنندگان سایت به شما عزیزان معرفی می نماییم. با اعمال این کد در سایت یا وبلاگ خود می توانید کاری کنید که تا باز شدن کامل سایت/وبلاگ خود لودینگی نمایش یابد. پس با ما همراه باشید. عمل کرد کد در مرورگرها (نرم افزار های تماشای سایت) نگارش | مرورگر | عمل می کند/نمی کند | 7.0 | Internet Explorer | | 3.0 | Mozilla Firefox (beta) | | 9.0 | Netscape | |
خوب… برای شروع کار کافیه بروید به بخش ویرایش HTML سایت یا وبلاگ خود. حالا اونجا بگردید دنبال تگ <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><img border="0" src="آدرس عکس"></p> <p dir="rtl" style="margin-top: 5; margin-bottom:5"> <font color="#0000FF" face="Tahoma" style="font-size: 8pt">صفحه در حال بارگذاری است!<br>لطفا کمی صبر کنید...</font></p> </div> <SCRIPT> ap_showWaitMessage('waitDiv', 1)</SCRIPT> |
حالا به کد بالا دقت کنید. به جای عبارت "آدرس عکس" باید نشانی تصویری را قرار دهید که می خواهید هنگام لود شدن نمایش یابد. در زیر چند نمونه تصویر برایتان جمع آوری کردم. آدرس | تصویر | ردیف | http://irjava.com/wp-content/loading-pictures/1.gif | | 1 | http://irjava.com/wp-content/loading-pictures/2.gif | | 2 | http://irjava.com/wp-content/loading-pictures/3.gif | | 3 | http://irjava.com/wp-content/loading-pictures/4.gif | | 4 | http://irjava.com/wp-content/loading-pictures/5.gif | | 5 | http://irjava.com/wp-content/loading-pictures/6.gif | | 6 | http://irjava.com/wp-content/loading-pictures/7.gif | | 7 | http://irjava.com/wp-content/loading-pictures/8.gif | | 8 | http://irjava.com/wp-content/loading-pictures/9.gif | | 9 | http://irjava.com/wp-content/loading-pictures/10.gif | | 10 | http://irjava.com/wp-content/loading-pictures/11.gif | | 11 | http://irjava.com/wp-content/loading-pictures/12.gif | | 12 | http://irjava.com/wp-content/loading-pictures/13.gif | | 13 | http://irjava.com/wp-content/loading-pictures/14.gif | | 14 |
خوب… رسیدیم به مرحله ی آخر. حالا کد زیر رو در آخر آخر کدها قرار دهید. <SCRIPT> ap_showWaitMessage('waitDiv', 0) </SCRIPT> |
خوب… خسته نباشید. تموم شد! |