ডায়ালগ উপাদান - মডেল সহজ করা

ইজি কিতামুরা

ক্রোম ক্যানারি একটি পতাকার পিছনে ডায়ালগ উপাদানের জন্য সমর্থন করেছে৷ dialog উপাদানটি একটি ওয়েব পৃষ্ঠায় পপআপের জন্য ব্যবহার করা যেতে পারে।

  • show() : ডায়ালগ খুলুন।
  • close() : ডায়ালগ বন্ধ করুন। একটি ঐচ্ছিক আর্গুমেন্ট নেয় যা যদি বর্তমান dialog.returnValue সেট করা থাকে।
  • showModal() : মোডাল ডায়ালগ খুলুন।
  • ::backdrop : একটি মডেল ডায়ালগের পিছনে স্টাইল ব্যাকগ্রাউন্ড থেকে সিউডো-এলিমেন্ট।
  • close ইভেন্ট: একটি ডায়ালগ বন্ধ হলে ফায়ার করা হয়।

16ই ডিসেম্বর 2013 তারিখে আপডেট

dialog উপাদান এখন সমর্থন করে:

  • ইভেন্ট cancel : একটি মোডাল ডায়ালগে Escape কী চাপলে ফায়ার করা হয়। এই ইভেন্টটি event.preventDefault() ব্যবহার করে বাতিল করা যেতে পারে।
  • autofocus অ্যাট্রিবিউট: একটি মডেল ডায়ালগের প্রথম ফর্ম কন্ট্রোল যাতে autofocus অ্যাট্রিবিউট থাকে, যদি থাকে, ডায়ালগ দেখানো হলে ফোকাস করা হবে। যদি এই ধরনের কোন উপাদান না থাকে, তাহলে প্রথম ফোকাসযোগ্য উপাদান ফোকাস করা হয়।
  • form[method="dialog"] : শুধুমাত্র একটি ডায়ালগের ভিতরে বৈধ। ফর্ম জমা দেওয়ার পরে, এটি ডায়ালগটি বন্ধ করে দেয় এবং dialog.returnValue সেট করে জমা বোতামের মান যা ব্যবহার করা হয়েছিল।

একটি লাইভ ডেমো এবং পলিফিল সহ বিস্তারিত দেখুন ।

chrome://flags/-এ "পরীক্ষামূলক ওয়েব প্ল্যাটফর্ম বৈশিষ্ট্যগুলি সক্ষম করুন" সক্ষম করে এটি চালু করুন৷