এইচটিএমএল ডোম Dialog অবজেক্ট
Dialog অবজেক্ট
Dialog অবজেক্ট এইচটিএমএল(৫)এ নতুন
Dialog অবজেক্ট এইচটিএমএল <dialog> এলিমেন্টকে প্রতিনিধিত্ব করে।
নোট: <dialog> এলিমেন্ট শুধুমাত্র ক্রোম ৩৭+, সাফারি ৬+ এবং অপেরা ২৪+ সাপোর্ট করে।
Dialog অবজেক্ট তৈরি
আপনি document.createElement() মেথড ব্যবহার করে <dialog> এলিমেন্ট তৈরি করতে পারেনঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p><button onclick="myFunc()">ক্লিক করুন</button></p>
<script>
function myFunc() {
var a = document.createElement("dialog");
var b = document.createTextNode("এটি একটি ওপেন dialog উইন্ডো।");
a.setAttribute("open", "open");
a.appendChild(b);
document.body.appendChild(a);
}
</script>
</body>
</html>ফলাফল
Dialog অবজেক্ট এক্সেস
আপনি getElementById() ব্যবহার করে <dialog> এলিমেন্টকে এক্সেস করতে পারেনঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p><button onclick="myFunc()">ক্লিক করুন</button></p>
<dialog id="test">এটি একটি ওপেন dialog উইন্ডো।</dialog>
<script>
function myFunc() {
var a = document.getElementById("test");
a.open = true;
}
</script>
</body>
</html>ফলাফল
Dialog অবজেক্ট প্রোপার্টি
| প্রোপার্টি | বর্ণনা |
|---|---|
| open | Dialog ওপেন হবে কিনা তা সেত বা রিটার্ন করে। |
| returnValue | Dialog এর রিটার্ন ভ্যা্লু সেট বা রিটার্ন করে। |
Dialog অবজেক্ট মেথড
| মেথড | বর্ণনা |
|---|---|
| close() | Dialog কে ক্লোজ করে। |
| show() | Dialog প্রদর্শন করে। |
| showModal() | Dialog প্রদর্শন এবং গুরুত্বপূর্ন modal হিসেবে তৈরি করে। |
স্ট্যান্ডার্ড প্রোপার্টি এবং ইভেন্ট
| প্রোপার্টি | ইভেন্ট |
|---|---|
| সাপোর্ট করে। এখানে দেখুন | সাপোর্ট করে। এখানে দেখুন |