ورود به اکانت شما

نام کاربری *
رمز عبور *
مرا بخاطر بسپار

ایجاد حساب کاربری

فیلد های ستاره دار را پر کنید.
نام *
نام کاربری *
رمز عبور *
تکرار رمز عبور *
ایمیل *
تکرار ایمیل *
کپچا *
بارگذاری کپچا

رویدادهای جدید HTML5 مطلب ویژه

توسط 08 تیر, 1393 3505 0

در صورت مفید بودن این مقاله حتما نظر خودتان را در پایین مطلب برای ما ارسال کنید

HTML5 stickerHTML 4 امکان استفاده از رویدادها برای ایجاد فعل و انفعال در مرورگرها را فراهم کرد.مثلا وقتی روی یک عنصر کلیک شد،یک کد جاوااسکریپت اجرا شود.در HTML 5 این کار به حد اعلا رسیده است و رویدادهای جدیدی مخصوصا برای مالتی مدیا ایجاد شده اند که بسیار کاربردی خواهند بود.با ما باشید تا این رویدادها را مرور کنیم.


رویداد onafterprint :
رویداد onafterprint ، پس از اینکه کاربر صفحه را برای پرینت آماده کرده و پنجره پرینت مرورگر باز می شود ، اجرا می شود.
می توان دستور یا دستوراتی را تعیین نموده و در قالب یک اسکریپت قرار داد ، تا در هنگام اجرای این رویداد، انجام شوند .

 

این رویداد تنها در تگ <body> قابل تعیین می باشد .
شکل کلی استفاده از این رویداد به این صورت است :

 

<element  onafterprint = “script”  >   

 
script = تابعی است که در هنگام رخ دادن یک رویداد اجرا می شود .

این رویداد چه مرورگرهایی را پشتیبانی می کند ؟
مرورگر موزیلا فایرفاکس, اینترنت اکسپلورر(IE)

یک مثال از نحوه استفاده از این رویداد در زیر مشاهده می کنید :

< “( ) body  onafterprint = “ shoMsg >

 

خوب , در بالا با این رویداد آشنا شدید حال می خواهیم دو رویداد دیگر را برای شما توضیح دهیم .

 

رویداد onbeforeprint :

رویداد onbeforeprint ، پس از اینکه کاربر صفحه را برای پرینت آماده کرده است  و قبل از باز شدن پنجره پرینت مرورگر ، اجرا می شود .
می توان دستوری را تعیین نموده و در قالب یک اسکریپت قرار داد ، تا در زمان اجرای این رویداد، اجرا شوند.
این رویداد نیز مانند رویداد قبلی فقط برای تگ <body> قابل استفاده است . و مانند رویداد قبلی از مرورگر های اینترنت اکسپلورر و موزیلا فایرفاکس پشتیبانی می کند .

در زیر شکل کلی استفاده از رویداد onbeforenprint را می بینید :

 

<<Element onafterprint= “script”

 


دز مثال زیر نحوه استفاده از این رویداد را مشاهده می کنید :


رویداد onresize :
رویداد onresize ، زمانی که کاربر اندازه پنجره مرورگر را بزرگ یا کوچک نماید ، اجرا می شود .
از این رویداد می توان برای مشخص کردن دستور یا دوستورها استفاده کرد ، که میخواهیم در صورت تغییر اندازه پنجره مرورگر توسط کاربر ، اجرا شوند .

این رویداد نیز مانند رویدادهای قبلی باید در تگ <body> قرار بگیرد و از مرورگر های IE (اینترنت اکسپلورر) و مرورگر موزیلا فایرفاکس پشتیبانی می کند .

شکل کلی استفاده از تگ resize را می توانید در زیر مشاهده بفرمائید :

 

<elment onresize= “script”> 

 


نحوه استفاده از این تگ  را نیز در زیر به طور کامل مشاهده می کنید :

 

<!DOCTYPE html >
<html >
<head>
    <script>
           function showMsg( ) {
                  alert('شما اندازه پنجره را تغییر دادید');
                                             }
    </script>
</head>
<body onresize='showMsg( )'>
      <p> اندازه پنحره را برای اجرای رویداد تغییر دهید</p>
</body>
<html/>

 

این مورد را ارزیابی کنید
(0 رای‌ها)
آخرین ویرایش در سه شنبه, 03 شهریور 1394 ساعت 15:49
کلیه حقوق متعلق است به فروشگاه آسارایان. طراحی و پشتیبانی: webriz
تک وب دیزاین-قالب فارسی جوملا