آموزش جاوا اسکریپت (قسمت ۰۴ : نمایش کادر های alert) | خدمات کامپیوتری امداد133
خانه / کامپیوتر / اموزش / آموزش جاوا اسکریپت (قسمت ۰۴ : نمایش کادر های alert)

آموزش جاوا اسکریپت (قسمت ۰۴ : نمایش کادر های alert)

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

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

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

صفحه نمونه زیر را باز کنید ، فقط ، کافیست ماوس خود را روی آنها قرار دهید :

نمایش پیغام هشدار با حرکت ماوس

 

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

onmouseover : این رویداد مسئولیت اجرای کد جاوا اسکریپت موجود در خود را وقتی که ماوس روی آن قرار می گیرد بر عهده دارد.

(‘ ‘)alert : این تابع متنی را که به عنوان مقدار آن قرار گیرد در یک کادر محاوره ای با یک دکمه OK نمایش می دهد.

 

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

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

 

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

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

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

 

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

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

 

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

 

 

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

پیام هشدار با کلیک کردن بر روی دکمه

 

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

 

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

 

 

امیدوارم آموزش این جلسه برای شما عزیزان مفید بوده باشد.

موفق باشید …

درباره ی nasimazadi

مطلب پیشنهادی

واحد پردازش مركزي CPU 

واحد پردازش مركزي CPU مدت زمان انجام يك كار بوسيله كامپيوتر، به عوامل متعددي بستگي …

پاسخ دهید