popover
Misol
popover atributiga ega <h1> elementini va uni ko‘rsatish/yashirish uchun tugmani qo‘shing:
<h1 popover id="myheader">Hello</h1>
<button popovertarget="myheader">Click me!</button>
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
popover atributi elementni popover element sifatida belgilaydi, ya’ni u chaqirilganda boshqa HTML elementlarining joylashuviga xalaqit bermay, kontent ustida joylashadi.
Popover element boshqa element tomonidan chaqirilmaguncha ko‘rinmaydi. Boshqa elementda qiymati popover elementning id’siga ishora qiladigan popovertarget atributi bo‘lishi kerak.
Popover element boshqa barcha kontent ustida joylashadi va popovertarget elementini bosish orqali popover element ko‘rsatilish va yashirilish holatlari o‘rtasida almashadi:
Hello
Popover element yuqoridagi misoldagi kabi bitta HTML elementi yoki quyidagi misoldagi kabi HTML elementlaridan iborat butun bir bo‘lim bo‘lishi mumkin.
Misol
DIV elementini popover element sifatida ishlating:
<div popover id="mydiv">
<h2>Popover</h2>
<hr>
<p>A popover is an element that is placed on top of everything else.</p>
<p>It can be used when you want to tell something important.</p>
</div>
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
| Atribut | |||||
|---|---|---|---|---|---|
| popover | 114 | 114 | Qo‘llab-quvvatlanmaydi | 17 | 100 |
Sintaksis
<element popover>
Atribut qiymatlari
popover atributi boolean atributdir. Agar u mavjud bo‘lsa, ushbu element popover element ekanligini bildiradi.
Tegishli sahifalar
HTML Input popovertarget atributi
HTML Input popovertargetaction atributi
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!