HTML DOM ডায়ালগ অবজেক্টটি HTML5
সম্পত্তি
ডায়ালগ অবজেক্ট -
এর বৈশিষ্ট্যগুলি নিম্নরূপ| সম্পত্তি | বিবরণ |
|---|---|
| খোলা৷ | সংলাপ খোলা উচিত কি না তা সেট করতে বা ফেরত দিতে। |
| রিটার্ন ভ্যালু | কথোপকথনের রিটার্ন মান সেট করতে বা ফেরত দিতে। |
পদ্ধতি
ডায়ালগ অবজেক্ট -
-এর জন্য নিম্নলিখিত পদ্ধতিগুলি রয়েছে৷| পদ্ধতি | বর্ণনা |
|---|---|
| close() | ডায়ালগ বন্ধ করতে। |
| দেখান() | ডায়ালগ দেখানোর জন্য। |
| showModal() | সর্বোচ্চ ডায়ালগ বক্স তৈরি করতে এবং এটি প্রদর্শন করতে৷ |
সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলএকটি ডায়ালগ অবজেক্ট তৈরি করা হচ্ছে −
var p = document.createElement("DIALOG"); উদাহরণ
আসুন HTML DOM ডায়ালগ অবজেক্ট -
-এর একটি উদাহরণ দেখি<!DOCTYPE html>
<html>
<head>
<title>DIALOG OBJECT</title>
<style>
dialog{
border:2px solid blue;
font-weight:bold;
}
</style>
</head>
<body>
<p> Clicking on the button below will create a dialog element</p>
<button onclick="createDialog()">CREATE</button>
<script>
function createDialog() {
var dlg = document.createElement("DIALOG");
var dlgTxt = document.createTextNode("DIALOG WINDOW with a button");
var bl=document.createElement("BR");
var btn = document.createElement("BUTTON");
var btnText=document.createTextNode("CLICK HERE");
dlg.setAttribute("open", "open");
dlg.appendChild(dlgTxt);
dlg.appendChild(bl);
btn.appendChild(btnText);
dlg.appendChild(btn);
document.body.appendChild(dlg);
}
</script>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
ক্রিয়েট বোতামে ক্লিক করলে -
উপরের উদাহরণে -
আমরা প্রথমে একটি CREATE বাটন তৈরি করেছি যা ব্যবহারকারী দ্বারা ক্লিক করলে createDialog() ফাংশনটি কার্যকর করবে -
<button onclick="createDialog()">CREATE</button>
createDialog() ফাংশন createElement() পদ্ধতি ব্যবহার করে
setAttribute() পদ্ধতি ব্যবহার করে আমরা ব্যবহারকারীর কাছে প্রদর্শনের জন্য ডায়ালগ বক্সের ওপেন অ্যাট্রিবিউট মান সেট করি। সবশেষে এর ভিতরের বোতাম সহ ডায়ালগ বক্সটি document.body appendChild() মেথড ব্যবহার করে ডকুমেন্ট বডিতে যুক্ত করা হয় এবং
function createDialog() {
var dlg = document.createElement("DIALOG");
var dlgTxt = document.createTextNode("DIALOG WINDOW with a button");
var bl=document.createElement("BR");
var btn = document.createElement("BUTTON");
var btnText=document.createTextNode("CLICK HERE");
dlg.setAttribute("open", "open");
dlg.appendChild(dlgTxt);
dlg.appendChild(bl);
btn.appendChild(btnText);
dlg.appendChild(btn);
document.body.appendChild(dlg);
} 