...
تگ dialog در HTML
نوشته شده توسط متین برونسی
منتشر شده در
و آخرین بروزرسانی در
دسته بندی ها:
با استفاده از تگ dialog در HTML میتوانیم یک پنجره پاپ آپ ( بازشو ) یا مودال در سند ایجاد کنیم.
مثال
<dialog open>این یک پنجره پاپ آپ ( گفت و گو ) هست</dialog>تعریف و کاربرد
تگ dialog در HTML یک کادر محاوره ای زیر پنجره را تعریف میکند.
معمولاً از عنصر <dialog> برای ایجاد پنجره های تبلیغاتی پاپ آپ استفاده می شود.
پشتیبانی مرورگر ها
اعداد موجود در جدول اولین نسخه مرورگر را مشخص می کنند که به طور کامل عنصر را پشتیبانی می کند.
| عنصر | |||||
|---|---|---|---|---|---|
<dialog> | 37.0 | 79.0 | 53.0* | پشتیبانی نمی شود | 24.0 |
خواص
| خاصیت | مقدار | توضیحات |
|---|---|---|
| open | open | مشخص میکند که عنصر <dialog> فعال هست و آن را در مرورگر به کاربر نمایش می دهد |
خواص عمومی
تگ dialog از خواص عمومی در HTML پشتیبانی میکند.
رویداد های عمومی
تگ dialog از رویداد های عمومی در HTML پشتیبانی میکند.
تنظیمات پیش فرض CSS
اکثر مرورگر ها عنصر dialog در HTML را با تنظیمات پیش فرض زیر نمایش می دهند:
dialog{
border:3px solid black;
}مثال های بیشتر
در این مثال با استفاده از خواص CSS و زبان Javascript یک دکمه ایجاد کرده ایم که با کلیک کاربر پنجره ما نمایش داده می شود:
تماشا در حالت تمام صفحه
نگهدارندگى أجل
و درود خدا بر او، فرمود: اجل، نگهبان خوبى است.(1)
- در یکی از روز های جنگ صفّین، امام سوار بر اسب در میان میدان رجز می خواند و شمشیر را به گردن آویخته بود، یکی از یاران گفت: یا امیرالمؤمنین! خود را حفظ کن، نکند شما را غافلگیر کنند. در پاسخ او جمله بالا را فرمود: ((توحید صدوق ص264)).
