popover
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 bitta HTML elementi yoki HTML elementlaridan iborat butun bir bo‘lim bo‘lishi mumkin. Quyidagi misollarga qarang.
Qo‘llaniladigan elementlar
popover atributi global atribut hisoblanadi va istalgan HTML elementida ishlatilishi mumkin, biroq element tahrirlanadigan bo‘lishi kerak.
| Element | Atribut |
|---|---|
| Barcha HTML elementlari | popover |
Misollar
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 »
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 | 125 | 17 | 100 |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!