پیام چند خطی در پنجره Alert جاوا اسکریپت

پیام چند خطی در پنجره Alert جاوا اسکریپت

در یکی از پروژه هایی که کار می کردم نیاز بود یک پیام چند خطی در پنجره Alert جاوا اسکریپت به کاربر نمایش داده شود به شکلی که اطلاعات تفکیک شده باشد. همانطور که میدانید پنجره هشدار یا Alert قابلیت نمایش HTML را ندارد و تنها می تواند یک پیام متنی ساده را نمایش دهد. در نتیجه نمی توان از تگ br جهت رفتن به خط بعدی استفاده کرد. برای حل این موضوع به راهکار زیر پیشنهاد شده است.

پیام چند خطی در پنجره Alert جاوا اسکریپت

 

یک مثال از پیام چند خطی در پنجره Alert

با استفاده از سمبل n/ می توان به نتیجه زیر رسید

function alertBr(){
  var Farazgar = "Name: Saeid\nFamily: Nazemi\nAge: 36"
  alert(Farazgar);
}

در پنجره زیر می توانید خودتان کارکرد این تابع را امتحان کنید:

مشاهده نتیجه

 

مروری بر پنجره های جاوا اسکریپت

پنجره Alert

از این پنجره برای نمایش هشدار به کاربر در جاوا اسکریپت یا نمایش پیغام استفاده می شود. وقتی پنجره نمایش داده می شود کاربر تنها می تواند روی دکمه ok کلیک کند.

 alert("I am an alert box!");

پنجره Confirm Box

این پنجره زمانی استفاده می شود که می خواهید از کاربر تاییدیه بگیرید. وقتی پنجره نمایش داده می شود کاربر می تواند ok یا Cencel را انتخاب کند. اگر کاربر گزینه OK را انتخاب کند، متد مقدار true را بر می گرداند و اگر گزینه Cancel را انتخاب کند، متد مقدار false را بر می گرداند.

	
if (confirm("Press a button!")) {
    txt = "You pressed OK!";
} else {
    txt = "You pressed Cancel!";
}

پنجره Prompt Box

از این پنجره معمولا برای گرفتن ورودی از کاربر قبل از وارد شدن صفحه استفاده می شود. وقتی پنجره نمایش داده می شود کاربر می تواند ok یا Cencel را انتخاب کند. اگر کاربر گزینه OK را انتاخب کند، متد مقدار ورودی را بر می گرداند و اگر کاربر گزینه Cancel را انتخاب کند، متد null بر می گرداند.

 	
 window.prompt("sometext","defaultText");

	
var person = prompt("Please enter your name", "Harry Potter");
 
if (person == null || person == "") {
    txt = "User cancelled the prompt.";
} else {
    txt = "Hello " + person + "! How are you today?";
}

 

3/5 - (2 امتیاز)

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *