طراحي حرفه اي وب سايت : طراحي وب سايت خود را به گروه فناوري اطلاعات ايران بسپاريد

طراحي وب سايت طراحي حرفه اي وب سايت بهينه سازي وب سايت

رویداد onMouseover

وقت اون رسیده که نوشتن اولین اسکرپت خود را شروع کنید. این یکی راحته چون مجبور نیستیم درگیر اضافه کردن تگهای SCRIPT شویم. این اسکرپت کوچک به دلخواه شما وقتی نشانگر ماوستان روی یک لینک قرار می گیرد متنی را در نوار وضعیت مرورگرتان می نویسد. به مثال نگاه کنید:

<a href ="JavaScript_2.htm"
onMouseover="window.status='« آموزش جاوا اسکرپت »';return true">
ماوس خود را روی این لینک قرار دهید!!!
</a>

شما هم امتحان کنید و ببینید چگونه کار می کند. نشانگر ماوس خود را روی لینک زیر قرار دهید ولی کلیک نکنید (اگر کلیک کنید، چون در کد بالا آدرس لینک، آدرس همین صفحه است پس از کلیک کردن دوباره همین صفحه باز می شود). حالا پایین پنجره مرورگر خود به نوار وضعیت نگاه کنید باید این جمله را بینید: « آموزش جاوا اسکرپت »

ماوس خود را روی این لینک قرار دهید!!!

بسیار خوب، این چیزی است که با فرمان onMouseover اتفاق می افتد:

  1. " "=onMouseover
    این شکل فرمان onMouseover است. مرورگر انتظار فرمان دیگری بین دو علامت دابل کوت ( " ) را دارد.

  2. '« آموزش جاوا اسکرپت »'=window.status
    این فرمان به مرورگر میگوید که جمله ای را در نوار وضعیت بنویسد. شما می توانید جمله بین دو علامت ( ' ) را با آنچه که می خواهید در نوار وضعیت به نمایش در آید جابجا کنید.

  3. return true
    عبارت را تأیید کرده و مرورگر آن را نمایش می دهد.

دلیل استفاده از علامت سینگل کوت ( ' ) در فرمان window.status این است که window.status خود قسمتی از فرمان onMouseover است که از ( " ) استفاده کرده است. اگر دوباره از علامت دابل کوت ( " ) استفاده کرده بودیم ممکن بود مرورگر در مورد اینکه چه کاری باید انجام دهد گیج می شد. چون ممکن بود علامت دابل کوت دوم را به منزله پایان فرمان onMouseovr تلقی کند و فرمان جدیدی را با window.status شروع کند:   onMouseover=""window.statuse

مشکلی که ممکن است در اینجا به وجود آید پاک نشدن متنی است که می خواستید در نوار وضعیت نمایش داده شود. دو راه برای از بین بردن این مشکل وجود دارد. یکی استفاده از فرمان onMouseout است، و دیگری فرا خواندن تابعی که متن را پس ار مدتی پاک می کند. راه دوم نیازمند استفاده از توابع و اسکرپت تگها است. در اینجا آسانترین راه را به شما نشان می دهم: استفاده از فرمان onMouseout :

<a href ="JavaScript_2.htm"
onMouseover="window.status='متن خود را اینجا قرار دهید'; return true"
onMouseout="window.status=' '; return true">
لینک خود را اینجا قرار دهید
</a>

این فرمان متن نوار وضعیت را وقتی که نشانگر ماوس روی آن نیست ناپدید می کند. مانند زیر:

لینک خود را اینجا قرار دهید

در حقیقت ما همان کار قبل را تکرار کردیم ولی به جای متن از فضای خالی در فرمان window.status استفاده کردیم.

این اسکرپت جالب و مفید است و می تواند به بازدید کنندگان صفحه شما کمک کند تا بهتر بدانند لینک آنها را به چه صفحه ای می برد. و می توانند توضیحات شما را در مورد لینک ببینند.


نظرات بازدید کنندگان
Sat, 25 Apr 2009 16:13:36 +0430 نویسنده : ismail ahmadi
thanks too much daer
 
Sat, 03 Jan 2009 20:54:32 +0330 نویسنده : امین
با خسته نباشید به شما بسیار خرسندم ازاین که میبینم جوانان ایران زمین  انسانهایی با شعور ودرک بالا هستند .
   موفق باشید
 
Tue, 01 Jul 2008 15:38:46 +0430 نویسنده : neamat
بسیار عالی بود خسته نباشید
 
Tue, 17 Jun 2008 21:24:13 +0430 نویسنده : Mr.K2
سلام دوست عزیز
سایت بسیار بسیار عالی دارید ... آموزشهای کامل و کاربردی ... خیلی خیلی ممنون ...
با تشکر