জাভাস্ক্রিপ্ট জেকুয়েরি এঙ্গুলার জেএস এইচটিএমএল সিএসএস বুটস্ট্রাপ পিএইচপি সি প্রোগ্রামিং
লগইন
×

জাভাস্ক্রিপ্ট রেফারেন্স

রেফারেন্স

জাভাস্ক্রিপ্ট

অপারেটর-Operator স্টেটমেন্ট-Statement অ্যারে-Array বুলিয়ান-Boolean স্ট্রিং-String সংখ্যা-Number রেগুলার এক্সপ্রেশন-RegExp গণিত-Math তারিখ-Date কনভার্শন-Conversion

এইচটিএমএল ডোম-DOM

ডোম ডকুমেন্ট-DOMDocument ডোম এলিমেন্ট-DOMElement ডোম এট্রিবিউট-DOMAttribute ডোম স্টাইল-DOMStyle ডোম ইভেন্ট-DOMEvent

এইচটিএমএল অবজেক্ট

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>


 

এইচটিএমএল ডোম Map অবজেক্ট


Map অবজেক্ট

Map অবজেক্ট এইচটিএমএল <map> এলিমেন্টকে প্রতিনিধিত্ব করে।

Map অবজেক্ট তৈরি

আপনি document.createElement() মেথড ব্যবহার করে <map> এলিমেন্ট তৈরি করতে পারেনঃ

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<img src="../../images/planets.gif" width="145" height="126" usemap="#test">
<p><button onclick="myFunc()">ক্লিক করুন</button></p>
<p id="test2"></p>
<script>
function myFunc() {
    var a = document.createElement("map");
    a.setAttribute("id", "test");
    a.setAttribute("name", "map");
    document.body.appendChild(a);

    var b = document.createElement("area");
    b.setAttribute("href", "venus.html");
    b.setAttribute("shape", "circle");
    b.setAttribute("coords", "124,58,8");
    document.getElementById("test").appendChild(b);

    document.getElementById("test2").innerHTML = "map তৈরি হয়েছে, আপনি এখন ইমেজের মধ্যে venus এরিয়ায় ক্লিক করতে পারেন।";
}
</script>
</body>
</html>

ফলাফল



Map অবজেক্ট এক্সেস

আপনি getElementById() ব্যবহার করে <map> এলিমেন্টকে এক্সেস করতে পারেনঃ

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<img src="../../images/planets.gif" width="145" height="126" alt="Planets" usemap="#test">

<map id="test" name="map">
  <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.html">
  <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.html">
  <area shape="circle" coords="124,58,8" alt="Venus" href="venus.html">
</map>
<p><button onclick="myFunc()">ক্লিক করুন</button></p>
<p id="test2"></p>
<script>
function myFunc() {
    var a = document.getElementById("test").areas.length;
    document.getElementById("test2").innerHTML = a;
}
</script>
</body>
</html>

ফলাফল



Map অবজেক্ট কালেকশন

কালেকশন বর্ননা
areas একটি ইমেজ-ম্যাপে সকল <area> এলিমেন্টের সকল কালেকশন রিটার্ণ করে।
images ইমেজ-ম্যাপের সাথে সম্পর্কিত সকল <img> এবং <object> এলিমেন্টের কালেকশন রিটার্ণ করে।

Map অবজেক্ট প্রোপার্টি

প্রোপার্টি বর্ননা
name একটি ইমেজ-ম্যাপের name এট্রিবিউটের ভ্যালু সেট বা রিটার্ণ করে।

স্ট্যান্ডার্ড প্রোপার্টিজ এবং ইভেন্ট

প্রোপার্টি ইভেন্ট
সাপোর্ট করে। এখানে দেখুন সাপোর্ট করে। এখানে দেখুন