Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML में इमेज को सर्वर-साइड इमेज मैप कैसे सेट करें?

ismap बूलियन एट्रिब्यूट का उपयोग <img> टैग पर करके इमेज को सर्वर-साइड इमेज मैप के रूप में सेट किया जाता है। इमेज <a> टैग के भीतर होनी चाहिए। क्लिक करने पर कोऑर्डिनेट्स सर्वर को URL क्वेरी स्ट्रिंग के रूप में भेजे जाते हैं (जैसे ?100,200)।

उदाहरण

निम्न कोड से ismap एट्रिब्यूट लागू करें:

<!DOCTYPE html> <html> 
  <body> 
    <a href=""> 
      <img src="https://www.tutorialspoint.com/assets/videotutorials/courses/android_penetration_testing/380_course_203_image.jpg" alt="एंड्रॉइड पेनेट्रेशन टेस्टिंग" width="300" height="250" ismap> 
    </a> 
    <p>क्लिक करने पर कोऑर्डिनेट्स सर्वर को URL क्वेरी स्ट्रिंग के रूप में भेजे जाते हैं।</p> 
  </body> 
</html>

तुलना: ismap = सर्वर-साइड (क्लिक कोऑर्डिनेट्स सर्वर भेजे जाते हैं), usemap + <map> = क्लाइंट-साइड (ब्राउज़र में एरिया परिभाषित)।

  1. HTML DOM setAttributeNode() मेथड HTML DOM setAttributeNode() मेथड

    setAttributeNode() मेथड क्या है? DOM setAttributeNode() मेथड एक विशेषता नोड (Attr ऑब्जेक्ट) को किसी निर्दिष्ट तत्व पर जोड़ता है और जोड़ी गई विशेषता को Attr नोड ऑब्जेक्ट के रूप में लौटाता है। यदि उसी नाम की विशेषता पहले से मौजूद है, तो यह उसे प्रतिस्थापित कर देता है। सिंटैक्स element.setAttributeNo

  1. HTML DOM Map ऑब्जेक्ट HTML DOM Map ऑब्जेक्ट

    HTML DOM Map ऑब्जेक्ट HTML में <map> एलिमेंट को दर्शाता है। सिंटैक्स निम्नलिखित सिंटैक्स है - <map> एलिमेंट बनाना var mapObject = document.createElement(“MAP”) प्रॉपर्टीज यहां, “mapObject” में निम्नलिखित कलेक्शन और प्रॉपर्टीज हो सकती हैं - कलेक्शन/प्रॉपर्टी वि

  1. HTML मैपिंग इमेज (इमेज मैप) HTML मैपिंग इमेज (इमेज मैप)

    विवरण HTML मैपिंग इमेज एक क्लाइंट-साइड इमेज-मैप है जिसमें क्लिक करने योग्य क्षेत्र होते हैं जो HTML दस्तावेज़ में हाइपरलिंक के रूप में कार्य करते हैं। map और img HTML तत्व के बीच संबंध बनाने के लिए map तत्व के name एट्रिब्यूट को img के usemap एट्रिब्यूट से जोड़ा जाता है। सिंटैक्स <img src= alt=