رویدادهای مربوط به پنجره مرورگر
این رویدادها باید فقط در تگهای body و frameset استفاده شوند. دو رویداد در این دسته قرار می گیرند که در زیر آنها را مشاهده می کنید:
onload :
این رویداد باعث می شود تا اسکرپتی که به عنوان مقدار آن قرار داده شده است در هنگام باز شدن صفحه اجرا شود.
--------------------------------------------------------------------------------
onunload :
اسکرپتی که به عنوان مقدار این شناسه قرار می گیرد در هنگامی که بازدید کننده از صفحه خارج می شود اجرا می شود.
--------------------------------------------------------------------------------
onResize :
این رویداد هنگامی که اندازه پنجره مرورگر را تغییر می دهید اجرا می شود.
می توانید تگ body مورد استفاده در مثال بالا را در اینجا مشاهده کنید:
<body onload="alert('به این صفحه آزمایشی خوش آمدید')" onunload="alert('شما از این صفحه خارج شدید')" onresize="alert('شما اندازه پنجره را تغییر دادید')>
--------------------------------------------------------------------------------
رویدادهای مربوط به فرمها
رویدادهای زیر در فرمها استفاده می شوند:
onchange :
اسکرپت موجود در این شناسه به هنگام ایجاد تغییر در عناصر موجود در فرمها اجرا می شود.
--------------------------------------------------------------------------------
onsubmit :
وقتی که فرم ارسال می شود اسکرپت موجود در این شناسه اجرا می شود.
--------------------------------------------------------------------------------
onreset :
وقتی که دکمه reset ( پاک کردن فرم ) فشار داده شود اسکرپت موجود در این شناسه اجرا می شود.
--------------------------------------------------------------------------------
onselect :
وقتی که قسمتی از فرم که این شناسه را در خود دارد انتخاب شود اسکرپت موجود در این شناسه اجرا می شود.
--------------------------------------------------------------------------------
onfocus :
وقتی که تگی که حاوی این شناسه است مورد استفاده کاربر قرار گیرد اسکرپت موجود در این رویداد اجرا می شود.
--------------------------------------------------------------------------------
onblur :
این شناسه بر عکس شناسه بالا عمل می کند یعنی وقتی کار کاربر با یک تگ تمام شد و به سراغ قسمت دیگری از صفحه رفت اجرا می شود.
در اینجا می توانید کدی را که در مثال بالا استفاده شده ببینید البته فقط قسمتهای ضروری آن آورده شده است:
<form action="#" method="post" onsubmit="msg('onSubmit')" onreset="msg('onReset')">
<input type="text" onfocus="msg('onFocus')" onblur="msg('onBlur')" />
<select name="select" onchange="msg('onChange')">
<option>گزینه اول</option>
<option>گزینه دوم</option>
<option>گزینه سوم</option>
<option>گزینه چهارم</option>
</select>
<textarea onSelect="msg('onSelect')">وقتی متنی را که در یا تگ با شناسه onselect قرار دارد انتخاب کنید اسکرپت موجود در این رویداد اجرا می شود.</textarea>
<input type="reset" name="reset" value="reset" />
<input type="submit" name="Submit" value="Submit" />
</form>
|
اگر شما می خواهید در صفحه خود از فریمهای نامرئی استفاده کنید، یعنی نمی خواهید خط حاشیه فریمها قابل دیدن باشد باید چند فرمان را به تگ <frameset> اضافه کنید و تگهای <frame> را آنطور که دوست دارید تنظیم کنید. در اینجا می توانید کدی را که یک صفحه را با فریمهای نا مرئی می سازد می بینید: <html> <head> <title>مخفی کردن فریم در صفحه</title> </head> <frameset cols="25%,75%" border="0" framespacing="0" frameborder="0"> <frame src="page1.htm" name="left" scrolling="no"> <frame src="page2.htm" name="right"> </frameset> </html> در تگ <frameset> از شناسه های مختلفی می توان استفاده کرد که در اینجا لیست برخی از آنها را مشاهده می کنید:
|
هیچ نظری موجود نیست:
ارسال یک نظر