مشخصات مقاله
-
2375
-
0.0
-
9893
-
0
-
0
پنجره های نمایش پیام در جاوا اسکریپت
پنجره های نمایش پیام (کادرهای pop-up)
در کل جاوا اسکریپت دارای سه نوع مختلف پنجره ی pop-up است:
- Alert box (پنجره ی پیام یا هشدار)
- Confirm box (پنجره ای که توسط آن تایید دریافت می شود)
- Prompt box (کادری که توسط آن ورودی دریافت می شود)
(پنجره ی هشدار)Alert box
کادر پیام یا هشدار زمانی بکار می ورد که بخواهیم از رسیدن اطلاعات به کاربر اطمینان کسب کنیم (به کاربر اطمینان دهیم که اطلاعات به وی ارسال شده). در واقع از پنجره ی نام برده به منظور اعلان يک پيام به کاربر استفاده می شود. اين پيام که از قبل بايد تعریف شده باشد، در يک کادر نمایان شده و تا زمانی که کاربر دکمه Ok را کلیک نکند، از بين نمی رود .
ساختار نگارشی (syntax) آن به ترتیب زیر می باشد:
1 2 | window.alert("sometext");<button></button> |
متد ()window.alert را می توان بدون پیشوند window نیز نوشت.
مثال:1 2 | alert("I am an alert box!");<button></button> |
Confirm Box (پنجره ی تایید)
پنجره ی دريافت تاييد، جهت اعلان يک پيام به کاربر و دريافت نظر وی مبنی بر تایید و پذیرش يا عدم پذیرش پيام مورد نظر مورد استفاده قرار می گیرد.
اين پنجره 2 دکمه ی فرمان OK و Cancel دارد که در صورت انتخاب گزينه ی OK، کادر مقدار True و در صورت انتخاب Cancel، False را به صفحه بازمی گرداند.
ساختار نگارشی:
1 2 | window.confirm("sometext");<button></button> |
متد ()window.confirm را می توان بدون پیوشند یا واژه ی window نوشت:
1 2 3 4 5 6 7 | var r = confirm("Press a button"); if (r == true) { x = "You pressed OK!"; } else { x = "You pressed Cancel!"; }<button></button> |
Prompt Box (پنجره ی دریافت (input
پنجره ی دریافت input را به منظور اعلان يک پیغام به کاربر و دريافت ورودی از وی بکار می بریم . در این پنجره، يک کادر حامل پيام مورد نظر ، يک text control برای ورود مقدار، کلید OK برای تاييد و ارسال مقدار ورودی به صفحه و دکمه ی Cancel برای لغو عمليات کادر ، بر روی صفحه نمايش داده می شود .
هنگامی که پنجره ی pop up پدیدار می شود، کاربر باید روی دکمه ی ok یا cancel کلیک کند تا باقی عملیات اجرا شود.
اگر بر روی "ok" کلیک کند ، پنجره مقدار ورودی (input value) را بر می گرداند و اگر بر روی "cancel" کلیک کند هیچ مقداری را بر نمی گرداند.
نحوه ی تعریف آن به این شکل می باشد:
1 2 | window.prompt("sometext","defaultText");<button></button> |
این تابع را می توان بدون واژه ی window به این صورت نوشت:
1 2 3 4 5 6 | var person = prompt("Please enter your name", "Harry Potter"); if (person != null) { document.getElementById("demo").innerHTML = "Hello " + person + "! How are you today?"; }<button></button> |
جهت نمایش دادن line break داخل پنجره ی pop-up، کافی است از یک کاراکتر " \ "و به دنبال آن کاراکتر n را بکار ببرید:
1 2 | alert("Hello\nHow are you?");<button></button> |
کلیه حقوق مادی و معنوی این مقاله متعلق به آموزشگاه تحلیل داده بوده و هر گونه استفاده غیر قانونی از آن پیگرد قانونی دارد.