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

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

نمایش پیام هشدار در صفحه با استفاده از جاوا اسکرپت

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

این فرمان هشدار است:

alert('متنی که می خواهید به بازدید کننده نشان داده شود')

حالا برای استفاده از آن ما باید آنرا در یک فرمان دیگر قرار دهیم. بیایید آنرا در یک فرمان آشنا مثل فرمان onMouseover استفاده کنیم. اسکرپت مقابل باعث ظاهر شدن یک کادر هشدار وقتی که ما نشانگر ماوس خود را روی لینک به وجود آمده قرار می دهیم می شود. مثلاً در لینکی که نمی خواهیم بیننده کلیک کند:

<a href="alert.php" onmouseover="alert('Insert your message here')">
ماوس خود را روی این لینک قرار دهید
</a>

آنرا امتحان کنید. فقط ماوس خود را روی آن قرار دهید:

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

در ابنجا به ارائه توضیحاتی در مورد دستورات جاوا اسکرپت استفاده شده در کد بالا می پردازیم :

  • onmouseover :
    این رویداد مسئولیت اجرای کد جاوا اسکرپت موجود در خود را وقتی که ماوس روی آن قرار می گیرد بر عهده دارد.
    (' ')alert :
    این تابع متنی را که به عنوان مقدار آن قرار گیرد در یک کادر محاوره ای با یک دکمه OK نمایش می دهد.

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

برای ساختن این نوع کادر هشدار فرمان هشدار را بین <head> و <head/> قرار دهید. برای این کار باید از تگهای <script> که در اول فصل با آن آشنا شدیم استفاده کنیم تا کدهای جاوا اسکرپت بین بقیه کدها تشخیص داده شوند:

<head>
<script language="javascript">
<!-- hide from old browsers
alert('به این صفحه خوش آمدید ');
//-->
</script>
</head>

فرمان بالا یک کادر محاوره ای را وقتی که بیننده صفحه شما را باز می کند نشان می دهد. وقتی که OK را کلیک کنید بارگذاری صفحه ادامه پیدا می کند.

آیا می خواهید آنرا امتحان کنید؟ لینک زیر را کلیک کنید و به صفحه آزمایشی که ما برای این فرمان ساخته ایم بروید:

!پیام هشدار به محض باز شدن صفحه!

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

!چندین پیام هشدار به محض باز شدن صفحه!

این هم کدی که مسئول این پیامها است:

<head>
<title>javascript example 2</title>
<script language="javascript">
<!--
alert('خود اضافه کنید favorite لطفاً سایت ما را به منوی');
alert('را انتخاب کنید add to favorite گزینه favorite از منوی');
alert('می توانید این کا را با کلیدهای میانبر هم انجام دهید');
alert('را فشار دهید d فقط کلید کنترل را نگهدارید و کلید');
//-->
</script>
</head>

شما می توانید برای ظاهر شدن کادر هشدار از دکمه ها هم استفاده کنید. فقط کد را در جایی که می خواهید دکمه نشان داده شود قرار دهید. در این حالت شما نیازی به تگهای <script> هم ندارید. این هم یک نمونه از این نوع پیام هشدار:

این هم کد این اسکرپت:

<input type="button" value="اگر این صفحه را مطالعه کرده اید اینجا را کلیک کنید"
onclick="alert('از اینکه به سایت ما مراجعه کردید متشکریم باز هم سری به ما بزنید')">

ما در این دکمه از رویداد onclick استفاده کردیم. کار این رویداد هم مانند onmouseover است با این تفاوت که کد مربوطه را در هنگام کلیک کردن روی آن اجرا می کند.


نظرات بازدید کنندگان
Wed, 10 Jun 2009 12:07:03 +0430 نویسنده : saba
نمایش پیام هشدار در صفحه با استفاده از جاوا اسکرپت را چگونه در Asp.net استفاده کنیم؟
 
Fri, 08 May 2009 12:44:12 +0430 نویسنده : سعید
خیلی ممنون از مطلبتون من خلی دلم می خواست درباره ی این موضوع بدونم واقعا خوشحال شدم باز هم خیلی خیلی ممنون
 
Sun, 19 Apr 2009 14:51:44 +0430 نویسنده : Toryalai Amini
تشكر از سايت علمي شما واقعا مفيد و جالب است من يك پيشنهاد دارم اگر امكان داشته باشد كتابهاي آموزشي نيز در سايت بگذاريد ممنونم. جهاني سپاس از شما
 
Thu, 15 Jan 2009 08:58:12 +0330 نویسنده : saba
DAMET GARRRRRRRRRRRM
 
Wed, 05 Nov 2008 21:48:54 +0330 نویسنده : هومان
واقعا معرکه است... من خودم کلاس میرم. مطالب این سایت واقعا به دردم میخوره.... فعلا دارم html و css کار میکنم.امید وارم با تلاش خودم و کمک گرفتن از این سایت, یه روزی یک طراح وب حرفه ای بشم.
 
Sat, 27 Sep 2008 16:04:19 +0330 نویسنده : MOstafa
آقا ممنوووووووووووووووووووووووووووووووووونم
محشره!
من که خیلی حال کردم
موفق باشید
 
Sat, 27 Sep 2008 13:28:49 +0330 نویسنده : mani
فقط میگم که عالیه
همین!
 
Sat, 10 May 2008 01:39:22 +0430 نویسنده : ساغر
اميدوارم موفق باشي  
 
Wed, 09 Apr 2008 10:05:56 +0330 نویسنده : bahar
salam kheili matalebe khoobi too sitetoon gozashtin vaghean be dardam khord mer30.