IDN » onResize Event در جاوا اسکریپت

( تعداد نمایش : 1310 )

onResize Event در جاوا اسکریپت

از آنجایی که درنسخه ۴ برنامه Netscape, هنگام تغییر اندازه پنجره یک bug معروف وجود داشته بنابراین بایستی بعد از تغییر اندازه صفحه, محتویات درون پنجره را مجددا Load نمود.
برای اجرای onResize Event
if(document.layers) {	1.
همانطور که ذکر شد این اسکریپت فقط برای Netscape 4 نیاز میباشد. به یاد داشته باشید که document.layers نیز یکی از Object هایی بوده که تنها در این browser وجود دارد.
origWidth = window.innerWidth origHeight = window.innerHeight	2.
در صورتیکه کاربر در Netscape 4 باشد, ایتدا ابعاد پنجره اصلی (Orginal) را برای استفاده آینده نگهداری میکند.
function resizeFix() {	3.
در این قسمت عمل resize تحت کنترل قرار میگیرد.
if(document.layers) {	4.
مجددا برای کسب اطمینان, وجود Netscape 4 بررسی میشود.
if(window.innerWidth != origWidth \|\| window.innerHeight != origHeight) {	5.
در صورتیکه یا اندازه طول و یا عرض پنجره تغییر کرده باشد آماده انجام عمل بارگذاری مجدد محتویات صفحه در مرحله بعد خواهد شد و در غیر این صورت عملی صورت نمیگیرد.
window.location.reload()	6.
در صورتیکه ابعاد صفحه پنجره تغییر کرده باشد, محتویات درون صفحه مجددا بارگذاری میشوند.
onResize=”resizeFix()”	7.
در این قسمت پس از تغییر در ابعاد پنجره, تابع resizeFix فراخوانده میشود. <html> <head> <script language=”javascript” type=”text/javascript”> if(document.layers) { origWidth = window.innerWidth origHeight = window.innerHeight } function resizeFix() { if(document.layers) { if(window.innerWidth != origWidth \|\| window.innerHeight != origHeight) { window.location.reload() } } } </script> </head> <body onResize=”resizeFix()”> <h2>IranJavaScript.com</h2> </body> </html>

دیدگاه خود را بیان کنید.

باید وارد سایت شده باشید برای دیدگاه دادن

اطلاعات