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

تگ dialog در HTML

  /  فرانت اند   /  HTML   /  تگ dialog در HTML

با استفاده از تگ dialog در HTML میتوانیم یک پنجره پاپ آپ ( بازشو ) یا مودال در سند ایجاد کنیم.

مثال

<dialog open>این یک پنجره پاپ آپ ( گفت و گو ) هست</dialog>


تعریف و کاربرد

تگ dialog در HTML یک کادر محاوره ای زیر پنجره را تعریف میکند.

معمولاً از عنصر <dialog> برای ایجاد پنجره های تبلیغاتی پاپ آپ استفاده می شود.


پشتیبانی مرورگر ها

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

عنصر
<dialog>37.079.053.0*پشتیبانی نمی شود24.0

خواص

خاصیتمقدارتوضیحات
openopenمشخص میکند که عنصر <dialog> فعال هست و آن را در مرورگر به کاربر نمایش می دهد

خواص عمومی

تگ dialog از خواص عمومی در HTML پشتیبانی میکند.

رویداد های عمومی

تگ dialog از رویداد های عمومی در HTML پشتیبانی میکند.

تنظیمات پیش فرض CSS

اکثر مرورگر ها عنصر dialog در HTML را با تنظیمات پیش فرض زیر نمایش می دهند:

dialog{
  border:3px solid black;
}

مثال های بیشتر

در این مثال با استفاده از خواص CSS و زبان Javascript یک دکمه ایجاد کرده ایم که با کلیک کاربر پنجره ما نمایش داده می شود:

تماشا در حالت تمام صفحه

5/5 - (3 امتیاز)
 #نهج_البلاغه_بخوانیم

نگهدارندگى أجل

و درود خدا بر او، فرمود: اجل، نگهبان خوبى است.(1)


  1. در یکی از روز های جنگ صفّین، امام سوار بر اسب در میان میدان رجز می خواند و شمشیر را به گردن آویخته بود، یکی از یاران گفت: یا امیرالمؤمنین! خود را حفظ کن، نکند شما را غافلگیر کنند. در پاسخ او جمله بالا را فرمود: ((توحید صدوق ص264)).
حکمت 306 نهج البلاغه

برای دسترسی به آموزش های بیشتر و ویدیو های من، کلمه کلیدی متین برونسی را داخل گوگل سرچ کنید.