HTML popover विशेषता

परिभाषा और उपयोग

popover विशेषता एलीमेंट को अधिवेशन एलीमेंट के रूप में परिभाषित करती है, इसलिए जब एलीमेंट बुलाया जाता है तो यह सामग्री के ऊपर रखा जाता है और अन्य HTML एलीमेंट के स्थान को बाधित नहीं करता。

विशेषता एलीमेंट को अन्य सभी सामग्री के ऊपर रखती है, popovertarget एलीमेंट पर क्लिक करके अधिवेशन एलीमेंट को दिखाने/छुपाने में टूट-टूटा सकती है:

अधिवेशन एलीमेंट दूसरे एलीमेंट के बुलाने से पहले दिखाई नहीं देगा। दूसरे एलीमेंट को popovertarget विशेषता होनी चाहिए, जिसका मान अधिवेशन एलीमेंट के id को संदर्भित करता है。

हेलो

अधिवेशन एलीमेंट ऊपरी उदाहरण की तरह एक अकेला HTML एलीमेंट हो सकता है, या नीचे उदाहरण की तरह एक पूरा सेट HTML एलीमेंट हो सकता है。

और देखें:

HTML संदर्भ दस्तावेज़:HTML Input popovertarget विशेषता

HTML संदर्भ दस्तावेज़:HTML Input popovertargetaction विशेषता

उदाहरण

उदाहरण 1

एक popover विशेषता वाला <h1> एलीमेंट और इसे दिखाने/छुपाने के लिए एक बटन जोड़ें:

<h1 popover id="myheader">हेलो</h1>
<button popovertarget="myheader">क्लिक करो!</button>

अपने आप आज्ञा दें

उदाहरण 2

एक div एलिमेंट को पॉपअप एलिमेंट के रूप में इस्तेमाल करें:

<div popover id="mydiv">
  <h2>Popover</h2>
  <hr>
  <p>पॉपअप एक ऐसा एलिमेंट है जो सभी अन्य एलिमेंटों के ऊपर रखा गया है।</p>
  <p>जब आप किसी महत्वपूर्ण बात को बताना चाहते हैं, तो इसे इस्तेमाल कर सकते हैं।</p>
</div>

अपने आप आज्ञा दें

व्याकरण

<element popover>

विशेषता मूल्य

popover विशेषता बूल विशेषता है।यदि इसे सेट किया गया है, तो यह संकेत करता है कि इस एलिमेंट एक पॉपअप विंडो एलिमेंट है।

ब्राउज़र समर्थन

च्रोम एज फायरफॉक्स सैफारी ओपेरा
च्रोम एज फायरफॉक्स सैफारी ओपेरा
114 114 नहीं समर्थित 17 100