۱۳۸۹ آذر ۹, سه‌شنبه

رویدادهای مربوط به پنجره مرورگر


رویدادهای مربوط به پنجره مرورگر
این رویدادها باید فقط در تگهای 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> از شناسه های مختلفی می توان استفاده کرد که در اینجا لیست برخی از آنها را مشاهده می کنید:
  • "border="0
    این شناسه میزان ضخامت کادر اطراف فریم را تعیین می کند که ما در اینجا آنرا صفر قرار داده ایم.

  • "frameborder="0
    مقدار حاشیه فریمها را صفر قرار می دهیم تا نمایش داده نشوند.

  • "framespacing="0
    فاصله بین فریمها را صفر قرار می دهیم تا بین آنها فاصله ای دیده نشود.

  • "scrolling="no
    این شناسه باعث می شود در صورتی که محتویات فریمها از اندازه پنجره بزرگتر بود نوار اسکرول بار نمایش داده نشود.

فارسی کردن بعضی از قسمت های ویندوز


فارسی کردن بعضی از قسمت های ویندوز

بسیاری از اسامی آیکون های توی کنترل پنل ، اسامی منوها و گزینه های اون و چیزهای زیاد دیگه در رجیستری ویندوز تعریف شدن .
کافیه شما بدونید در کدوم قسمت رجیسری تعریف شدن و برید اونها رو تغیر نام بدید یا نام فارسی براشون بگذارید . لذا توی این آموزش میگیم که به چه شکل می تونید برخی از قسمت های ویندوز رو فارسی کنید یا اینکه تغیر نام بدید .
برای انجام اینکار مراحل زیر رو طی کنید :
۱) روی منوی Start کلیک کنید و گزینه run رو انتخاب کنید .
۲) در پنجره run که باز میشه تایپ کنید regedit و اینتر بزنید . (تو ویستا و سون که گزینه run وجود نداره بعد از کلیک روی start در textbox زیر منوی باز شده تایپ کنید regedit و اینتر بزنید ) .
۳) پنجره رجیستری باز میشه . از قسمت سمت چپ پنجره به آدرس زیر برید :
- در ویندوز xp :
:: HKEY_CLASSES_USER\Software\Microsoft\Windows\ShellNoRoam\MUICache
- در ویندوز seven و ویستا :
:: HKEY_CLASSES_ROOT\Local Settings\MUICache\
حالا از سمت چپ پنجره ، با کلیک رو پوشه موجود در آدرس فوق و زیر پوشه های (زیر پوشه ها رو هم حتما چک کنید) اون ، در سمت راست گزینه هایی میاد که همون اسامی قسمتهایی از ویندوزhttp://hiberd.com/?cid=CMSContent&gid=169&content=122 هستند . از جمله اسامی آیکون های کنترل پنل ، برخی منو ها و
با دبل کلیک روی گزینه هایی که در سمت راست می بینید می تونید اسم اونها رو تغیر بدید یا فارسی کنید .
نکته : قبل از اعمال این تغیرات سعی کنید از جاهایی که تغیر میدید یک فایل پشتیبان (backup) تهیه کنید .  برای اینکار از سمت چپ روی پوشه ای که قصد دارید محتویاتش رو تغیر بدید راست کلیک کرده و گزینه ی export رو بزنید و فایل بک آپ رو در جایی از هاردتون ذخیره کنید . بعدا اگر خواستید تغیراتی که دادید به حالت اول برگردند ، کافیه روی فایل بک آپی که گرفتید دبل کلیک کنید و گزینه ی yes رو بزنید .
 html چیست ؟

زبان بین انسان و مرورگر های وب
html است.
وقتی که شما یک صفحه
سایت را باز می کنید ، در صفحه مورد نظر تعدادی عکس یا متن و لینک را مشاهده می کنید ولی مرورگر شما که صفحه را به این صورت به شما نمایش می دهد فقط با یکسری کد و نوشته سر و کار دارد.

برای برنامه نویسی های تحت وب مثال زبان هایی مثل
asp , php , .net شما نیازمند آشنایی با زبان html هستید .
شاید بتوان گفت که مادر زبان های دیگر و یا زبان های دیگر تحت وب متکی به اچ تی ام ال هستند.
تنظیم پیج کد مورد استفاده در صفحه 


حتماً تا به حال با صفحاتی مواجه شده اید که به زبان فارسی نوشته شده اند، اما وقتی از آنها بازدید می کنید با کلماتی به هم ریخته و غیر قابل فهم مواجه می شوید. دلیل این مشکل ناسازگار بودن Encoding انتخاب شده در مرورگر با زبان فارسی است.

این ناسازگاری ممکن است به دلیل کامل نشدن بارگزاری صفحه ایجاد شده باشد یا به دلیل اینکه در هنگام طراحی Encoding متناسب با زبان فارسی انتخاب نشده باشد یا اصلاً در طراحی صفحه هیچگزینه ای برای Encoding صفحه در نظر گرفته نشده باشد.

در اکثر مواقع می توانید صفحه مورد نظر را به روش زیر به صورت فارسی مشاهده کنید:

مرورگر اینترنت اکسپلورر در ویندوز (Microsoft Internet Explorer) :
از منوی view گزینه Encoding را انتخاب کنید و گزینه utf-8 را کلیک کنید. در صورتی که در لیست اولیه کد پیجهای مختلف نتوانستید utf-8 را مشاهده کنید نشانگر ماوس خود را روی گزینه More نگهدارید و utf-8 را از بین کد پیجهای مختلف پیدا کرده و روی آن کلیک کنید.
در سایر مرورگر ها هم به همین روش باید عمل کنید فقط مسیر منو ها کمی تفاوت دارد. می توانید مسیر های زیر را دنبال کنید.
مرورگر فایر فوکس : (Firefox)
view --> Character Encoding --> unicode (utf-8)
یا
view --> Character Encoding --> More Encodings --> Unicode --> Unicode (utf-8)
مرورگر اپرا : (Opera)
view --> Encoding --> Unicode --> UTF-8
البته اگر به این روش مشکل صفحه مورد نظر شما حل نشد به دلیل این است که صفحه با پیج کد دیگری نوشته شده است. می توانید گزینه هایی مثل (Arabic(Windows رانیز امتحان کنید.

برای اینکه یک صفحه فارسی طراحی کنیم دو چیز را باید مد نظر قرار دهیم:

راست به چپ بودن صفحه
برای اینکه یک صفحه راست به چپ طراحی کنیم می توانیم به چند طریق عمل کنیم.

استفاده از شناسه "dir="rtl در تگ <html>
از این شناسه در بسیاری از تگهای HTML می توان استفاده نمود. در صورتی که صفحه ای راست به چپ باشد و بخواهیم از قسمتهای چپ به راست نیز در آن صفحه استفاده کنیم می توانیم از شناسه "dir="ltr استفاده کنیم.
استفاده از CSS برای تعیین direction صفحه
مثلاً استفاده از یک استایل خارجی یا در بخش HEAD متن یا استفاده از شناسه "style="direction: rtl در تگهایی که می خواهیم به صورت راست به چپ نمایش داده شود
تنظیم Encoding در هنگام طراحی صفحه
برای تنظیم Encoding صفحه باید از یک متاتگ در بخش HEAD متن استفاده کنیم. این متاتگ برای کد پیج utf-8 که بیشترین سازگازی را با صفحات فارسی دارد به صورت زیر است:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
اگر در طراحی صفحه ای از این متاتگ استفاده شود کد پیج utf-8 در مرورگر به صورت خودکار برای آن صفحه اعمال می شود.
رویدادهای مربوط به صفحه کلید
سه رویداد در این دسته قرار می گیرد:

onkeydown :
در هنگام فشار دادن دکمه صفحه کلید اسکرپت تعریف شده در مقدار این شناسه اجرا می شود.
--------------------------------------------------------------------------------

onkeypress :
وقتی که یک دکمه در صفحه کلید فشرده می شود و رها می شود اسکرپت موجود در این شناسه اجرا می شود.
--------------------------------------------------------------------------------

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

<base>, <br>, <bdo>, <frame>, <frameset>, <iframe>, <html>, <head>, <meta>, <param>, <script>, <style>, <title>



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

<input value="onkeypress" type="text" onKeyPress="msg('onkeypress')" />
<input value="onkeypress" type="text" onKeyUp="msg('onkeyup')" />
<input value="onkeypress" type="text" onKeyDown="msg('onkeydown')" />



--------------------------------------------------------------------------------

رویدادهای مربوط به ماوس
هفت رویداد در این دسته قرار دارند:

onclick :
در هنگام کلیک کردن بر روی قسمتی که این شناسه را دارد اجرا می شود.
--------------------------------------------------------------------------------

ondblclick :
مقدار موجود در این شناسه به هنگام دابل کلیک بر روی قسمتی که این شناسه در آن به کار رفته اجرا می شود.
--------------------------------------------------------------------------------

onmousedown :
وقتی که کلید ماوس فشرده می شود این شناسه عمل می کند.
--------------------------------------------------------------------------------

onmousemove :
وقتی که ماوس را در صفحه حرکت می دهید این رویداد اجرا می شود.
--------------------------------------------------------------------------------

onmouseover :
وقتی ماوس روی قسمتی که حاوی این شناسه است قرار می گیرد این رویداد اجرا می شود.
--------------------------------------------------------------------------------

onmouseout :
این رویداد وقتی که ماوس از روی قسمتی که حاوی این رویداد است خارج می شود اجرا می شود.
--------------------------------------------------------------------------------

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

<base>, <br>, <bdo>, <frame>, <frameset>, <iframe>, <html>, <head>, <meta>, <param>, <script>, <style>, <title>



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

<td onClick="msg('onClick')">در این قسمت کلیک کنید تا رویداد onClick اجرا شود.</td>

<td onDblClick="msg('onDblClick')">در این قسمت دابل کلیک کنید تا رویداد onDblClick اجرا شود.</td>

<td onMouseDown="msg('onMouseDown')">در این قسمت کلید ماوس را پایین نگهدارید تا رویداد onMouseDown اجرا شود.</td>

<td onMouseMove="msg('onMouseMove')">روی این قسمت ماوس خود را حرکت دهید تا رویداد onMouseMove اجرا شود.</td>

<td onMouseOver="msg('onMouseOver')">ماوس خود را روی این قسمت قرار دهید تا رویداد onMouseOver اجرا شود.</td>

<td onMouseOut="msg('onMouseOut')">وقتی ماوس از روی این قسمت کنار رود رویداد onMouseOut اجرا می شود.</td>

<td onMouseUp="msg('onMouseUp')">وقتی کلید ماوس روی این قسمت رها شود رویداد onMouseUp اجرا می شود.</td>
در این مثال msg('متن پیام') تابع جاوا اسکرپتی است که در صفحه مثال تعریف شده است. به جای آن می توانید از کدهای دیگری استفاده کنید