JS ogohlantirish (alert)
JS Alert (alert.js)
Alert plagini ogohlantirish xabarlarini yopish uchun parametrlar va metodlarni o‘z ichiga oladi.
Ogohlantirishlar (alerts) bo‘yicha darslik uchun Bootstrap ogohlantirishlar darsligimizni o‘qing.
Alert plagini klasslari
| Klass | Tavsif | Misol |
|---|---|---|
| .alert | Ogohlantirish xabari blokini yaratadi | Sinab ko‘ring |
| .alert-danger | Qizil ogohlantirish. Xavfli yoki salbiy oqibatga olib kelishi mumkin bo‘lgan amalni bildiradi | Sinab ko‘ring |
| .alert-dismissible | Yopiladigan ogohlantirish blokini bildiradi. Bu klass .close klassi bilan birga ogohlantirishni yopish uchun ishlatiladi (qo‘shimcha ichki chekinish qo‘shadi) |
Sinab ko‘ring |
| .alert-info | Och ko‘k ogohlantirish. Neytral, axborot beruvchi o‘zgarish yoki amalni bildiradi | Sinab ko‘ring |
| .alert-link | Ogohlantirishlar ichidagi havolalarda ularga mos rangdagi havolalar hosil qilish uchun ishlatiladi | Sinab ko‘ring |
| .alert-success | Yashil ogohlantirish. Muvaffaqiyatli yoki ijobiy amalni bildiradi | Sinab ko‘ring |
| .alert-warning | Sariq ogohlantirish. Bu amalda ehtiyot bo‘lish kerakligini bildiradi | Sinab ko‘ring |
| .close | Ogohlantirish xabarining yopish tugmasini bezaydi (belgilangan font-size, rang va h.k. bilan o‘ngga joylashtiradi (float)) | Sinab ko‘ring |
Ogohlantirishlarni data-* atributlari orqali yopish
Ogohlantirish xabarini yopish uchun havola yoki tugma elementiga data-dismiss="alert" ni qo‘shing.
Misol
<a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
O‘zingiz sinab ko‘ring »
Ogohlantirishlarni JavaScript orqali yopish
Qo‘lda quyidagicha yoping:
Alert parametrlari
| Yo‘q |
Alert metodlari
Quyidagi jadvalda barcha mavjud alert metodlari keltirilgan.
| Metod | Tavsif | Sinab ko‘ring |
|---|---|---|
| .alert("close") | Ogohlantirish xabarini yopadi | Sinab ko‘ring |
Alert hodisalari
Quyidagi jadvalda barcha mavjud alert hodisalari keltirilgan.
| Hodisa | Tavsif | Sinab ko‘ring |
|---|---|---|
| close.bs.alert | Ogohlantirish xabari yopilish arafasida bo‘lganda sodir bo‘ladi | Sinab ko‘ring |
| closed.bs.alert | Ogohlantirish xabari yopilgandan keyin sodir bo‘ladi | Sinab ko‘ring |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!
