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

- visibility ٣۴ mode_comment

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

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

این پیام با یک دستور Alert ساده به شکل زیر بوجود اومده :

برای اینکه متن رو در سطر جدید درون پنجره پیام بنویسید کافیه خط رو با کاراکتر خط جدید (new line) که به صورت n\نوشته میشه پایان بدید . مثل کد بالا که تشکیل شده از دو خط در هنگام نمایش پنجره .

همونطور که در مطلب نوشتن متن در صفحه وب صحبت کردیم ، پارامتر ورودی متد Alert هم میتونه متن خالی ، متغیرهای جاوااسکریپت و یا ترکیبی از ایندو باشه . بزارید با چند تا مثال نحوه استفاده از این متد رو واضحتر بدونیم !

در مثال های زیر از رویداد onclick برای یک دکمه استفاده کردیم تا با کلیک روی دکمه ، دستورات موجود درون این رویداد اجرا بشه .

مثال اول : نمایش متن خالی در پنجره پیام هشدار

در کد زیر با کلیک روی دکمه یک پیام متنی ساده نمایش داده میشود .

مثال دوم : نمایش مقدار متغیرها در پنجره پیام هشدار

در کد زیر حاصل ضرب دو متغیر جاوااسکریپت num1 و num2 رو با استفاده از متد Alert نمایش میدیم .

مثال سوم : نمایش ترکیبی از متن ها و متغیرها در پنجره پیام هشدار

و در نهایت در کد زیر حاصل ضرب عدد 7 در num3 رو با ترکیب متغیرها و متن ها (چسبوندن اونها با استفاده از عملگر +) در پنجره پیام نشون میدیم :

چسبوندن رشته های متنی و متغیر ها در زبان جاوااسکریپت توسط عملگر + انجام میشه و کاربرد زیادی هم داره . نمونش رو در مطلب  نوشتن متن در صفحه وب با هم دیدیم .

امیدوارم که این مطلب هم مفید بوده باشه !

1+ و حمایت از ما هم فراموش نشه ...

comment دیدگاه کاربران
Milad

سلام
امکانش هست کاری کرد مثلا برای هر آی پی هر 12 ساعت یکبار نمایش داده بشه؟

لقمان آوند

با کمک گرفتن از کوکی ها و ثبت آخرین زمان باز شدن پیام میشه این کار رو انجام داد .

Milad

به چه صورت؟
اگه ممکنه این قسمتم به آموزشتون اضافه کنید هم آموزشتون کامل میشه هم کار ما راه میفته 😀
ممنون

لقمان آوند

وقتی پیامو نشون میدید باید زمانش رو در یک کوکی ثبت کنید .
در دفعات بعدی که کاربر می خواد سایتو ببینه اون کوکی رو بگیرید و بررسی کنید ایا 12 ساعت گذشته یا نه . اگه گذشته بود بهش نشون بدید و دوباره کوکی رو اپدیت کنید .
می تونید از پلاگین cookie جی کوئری استفاده کنید .

مریم

سلام خسته نباشید.
چطور میشه تو php کدی نوشت که اگه فیلدی اشتباه پر شد یه ستاره قرمز کنارش بزاره.
و اگه مثلا بخواهیم رکوردی رو حذف کنیم پیغام بده که مطمعا هستید و 2تا دکمه okوcancel بذاره و با okکردن حذف بشه.
ممنون میشم زود پاسخ بدین چون بهش نیاز دارم.

لقمان آوند

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

مریم

خواهش میکنم اگه به این زبان مسلطین ،بگین که چطور باید بنویسمش.
مثل همین قسمت ارسال دیدگاه که اگه نام یا ایملو وارد نکنی پیغام میده.

لقمان آوند

عبارت form validation using javascript رو تو گوگل سرچ کنید کلی آموزش در این مورد وجود داره . می تونید مطالعه بفرمایید.

مریم

سایت جامعی بود .ممنون

سحر

سلام وقت بخیر من مبتدی هستم
این کد رو باید در کدوم قسمت سایت قرار بدیم؟
آیا برای استفاده از کدهای جاوا اسکریپت باید کتابخانه خاصی رو در سایت الحاق کنیم؟ واگه اینطوره بگید چطوری..ممنون

کیوان علی محمدی

سلام کد رو در بین تگ های head صفحه مورد نظرتون قرار بدین. اکثر کدها نیاز به وکتابخونه جی کوئری دارن (البته کد این مطلب نیاز نداره)

نفس اصولی

سلام… با تشکر از سایت فوق العاده مفیدتون… برای تغییر title این alret باکس چه کار باید کرد؟

وحید صالحی

سلام دوست عزیز API یی برای تغییر در این مورد وجود نداره برای حفظ مسائل امنیتی و نمیشه این تغییر رو ایجاد کرد البته با vbscript میشه که اون خودش یکسری پیش نیاز هایی رو لازم داره که صرف نمیکنه براش زمان بزاری برای اینکار شما بهتر یک alert box سفارشی استفاده کنید مثل استفاده از پلاگین های موجود که چند نمونش رو در لینک های زیر براتون قرار دادم موفق باشید.اگر هم گوگل کنید موارد زیادی پیدا خواهید کرد با استایل های متفاوت کافیه عبارت alert box with jquery رو سرچ کنید
لینک1
لینک 2

اکبر

باسلام بنده اگه بخوام یه متن فارسی روبه عنوان هشدار نمایش بدم بصورت ناخواناهس مشکل کجاست .

البته مشکلو برطرف کردم نمیدونم چرا یعضی موقع ها که جاوااسکریپت رو تو یه فایل جدا نوشته وفراخوانی میکنم اینطور میشه مجبور شدم تو خود صفحه بنویسم راهنمایی بفرمایید

وحید صالحی

encoding صفحه مورد نظر که کد های جاوااسکریپت رو درش مینویسد روی utf-8 بزارید

ehsan m

سلام
چطور میتونم مقدار یک متغیر جاوااسکریپتی رو توی یک متغیر php قرار بدم؟

لقمان آوند

js سمت کاربره و php سمت سرور!
می تونید با درخواست های ایجکس مقادیر متغیر های js رو سمت سرور بفرستید و اونجا ازشون استفاده کنید.

ehsan m

آخه پروژه ام خیلی ایجکس توی ایجکس شده صفحه کند میشه ، راه دیگه ای هست آقای آوند؟ امنیت هم داشته باشه ممنون

لقمان آوند

خیر همین راهشه …

ehsan m

اینطور نوشتن ایمن هست؟

var jvalue = ‘this is javascript value’;

<?php $abc = "document.write(jvalue)”?>

لقمان آوند

درست نیست این مورد .

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.
1 2