Toostii
Beeksisa daawwattoota keessaniif toostii, ergaa akeekkachiisaa salphaa fi salphaatti dhuunfamuu danda'uun dhiibaa.
Toasts beeksisa salphaa ta'ee fi beeksisa dhiibaa sirna opereetiingii moobaayilaa fi deeskitooppiitiin beekamaa ta'e fakkeessuuf qophaa'edha. Isaanis flexbox waliin ijaaramaniiru, kanaaf walsimsiisuu fi bakka itti kaa'uun salphaadha.
Haala Waliigalaa
Wantoota yeroo toast plugin fayyadamtan beekuu qabdan:
- Yoo JavaScript
util.js
keenya madda irraa ijaaraa jirta ta'e, . - Toasts sababa raawwii hojiitiin opt-in waan ta'aniif ofii keetii jalqabuu qabda .
- Toostii bakka itti kaa'uuf itti gaafatamummaa akka qabdan hubadhaa.
- Toasts yoo hin ifteessine ofumaan ni dhokatu
autohide: false
.
Bu'aan sochii qaama kanaa prefers-reduced-motion
gaaffii miidiyaa irratti hundaa'a. Kutaa sochii hir'ate sanada dhaqqabummaa keenyaa ilaali .
Fakkeenyaaf
Bu'uura
Toostii bal'ifamuu fi tilmaamamuu danda'u jajjabeessuuf, mataa fi qaama gorsina. Toast headers use display: flex
, qabiyyee salphaatti qindeessuu kan hayyamu galata faayidaa margin fi flexbox keenyaa.
Toostiin hamma barbaaddetti kan jijjiiramu yoo ta'u, mallattoo barbaachisu baay'ee xiqqaa qaba. Yoo xiqqaate, qabiyyee “toasted” keessan qabachuuf elementii tokko barbaanna akkasumas button hojii irraa ari’uu cimsinee jajjabeessina.
Ifa ifa ta’e
Toostiin xiqqoo ifa waan ta’eef, waan irra mul’achuu danda’u hunda irratti ni makamu. Biraawzaroota qabeentaa CSS deeggaraniif backdrop-filter
, akkasumas elementoota toostii jalatti jaamsuuf ni yaalla.
Tuulamaa
Yeroo toostii hedduu qabdu, durtii haala dubbifamuu danda'uun vertikaaliin tuuluuf.
Ramaddii
Toasts akka barbaaddetti CSS amala ta'een kaa'i. Yeroo baayyee mirga gubbaa beeksisaaf kan oolu yoo ta'u, akkuma giddu galeessaa gubbaa. Yoo yeroo tokkotti toostii tokko qofa agarsiisuuf deemte, akkaataawwan iddoo itti kaa'an sirriitti .toast
.
Sirnoota beeksisa baay'ee maddisiisaniif, akka isaan salphaatti tuuluuf elementii marmaartuu fayyadamuu yaadaa.
Akkasumas faayidaa flexbox waliin faashinii argachuu dandeessa toasts horizontally fi/ykn vertically qindeessuuf.
Dhaqqabummaa
Toostiin daawwattoota ykn fayyadamtoota keessaniif addaan ciccituu xixiqqoo ta’uuf yaadame, kanaaf warra dubbistoota iskiriinii fi teeknooloojiiwwan gargaarsaa walfakkaatan qaban gargaaruuf, toostii keessan aria-live
naannoo tokkotti marsuu qabdu . Jijjiiramni naannoowwan jiraataa (kan akka qaama toostii lilmoodhaan naqamuu/fooyyessuu) xiyyeeffannoo fayyadamaa sochoosuu ykn karaa biraatiin fayyadamaa addaan kutuu osoo hin barbaachisin dubbistoota iskiriiniitiin ofumaan labsamu. Dabalataanis, aria-atomic="true"
waan jijjiirame beeksisuu irra, guutummaan toostii yeroo hunda akka yuunitii tokkootti (atomikii) akka beeksifamu mirkaneessuuf dabali (kun ammoo yoo qabiyyee toostii gartokkee qofa haaromsite, ykn yoo qabiyyee toostii walfakkaataa at agarsiifte rakkoo fiduu danda'a yeroo booda ta’e). Yoo odeeffannoon barbaachisu adeemsaaf barbaachisaa ta'e, fkn tarree dogoggora unkaa keessatti, sana booda qaama akeekkachiisaa fayyadamibakka toostii hin taane.
Hubadhaa naannoon kallattiin osoo toostiin hin uumamin ykn hin fooyya'iin dura mallattoo keessatti argamuu qaba. Yoo yeroo tokkotti lamaan isaanii daayinamikiidhaan maddisiistee fuula keessa galchite, akka waliigalaatti teknooloojiiwwan gargaarsaatiin hin beeksifaman.
Akkasumas qabiyyee irratti hundaa'uun sadarkaa role
fi madaqsuu qabda. aria-live
Yoo ergaa barbaachisaa akka dogongoraa ta'e, fayyadami , yoo kana hin taane amaloota role="alert" aria-live="assertive"
fayyadami .role="status" aria-live="polite"
Qabiyyeen ati agarsiiftu akkuma jijjiiramutti, namoonni yeroo gahaa toostii dubbisuuf akka qaban mirkaneessuuf delay
yeroo xumuraa haaromsuu kee mirkaneessi.
Yeroo autohide: false
, fayyadamtoonni toostii akka gadhiisan hayyamuuf qaree cufuu dabaluu qabda.
Amala JaavaScript
Fayyadama
Toostii karaa JavaScript jalqabi:
Filannoowwan
Filannoon karaa amaloota deetaa ykn JaavaScript darbuu danda'u. Amaloota deetaatiif, maqaa filannoo gara data-
, akkuma keessatti dabali data-animation=""
.
Maqaa | Akaakuu | Durtii dha | Ibsa |
---|---|---|---|
sochii qaamaa (animation). | boolee | dhugaa | Ce'umsa CSS fade gara toostii irratti hojii irra oolchi |
ofumaan dhoksuu | boolee | dhugaa | Auto dhoksaa toostii |
boodatti hafuu | lakkoofsa | 500 |
Toostii dhoksuu harkifachuu (ms) . |
Malawwan
Malawwanii fi ce’umsawwan wal hin simne
Malleen API hundi wal hin simnee fi ce'umsa jalqabu . Akkuma ce'umsi jalqabame garuu osoo hin xumuramin gara nama bilbileetti deebi'u . Dabalataan, waamichi malaa qaama ce'umsaa irratti ni tuffatama .
$().toast(options)
Qabduu toostii walitti qabama elementii irratti maxxansi.
.toast('show')
Toostii elementii tokkoo mul'isa. Toostiin qabatamaan osoo hin agarsiifamiin dura (jechuunis shown.bs.toast
taatee osoo hin uumamin dura) gara waamichaatti deebi'a. Mala kana harkaan waamuu qabda, kanaa mannaa toostiin kee hin agarsiisu.
.toast('hide')
Toostii elementii tokkoo dhoksa. Toostiin qabatamaan osoo hin dhokatin dura (jechuunis hidden.bs.toast
taatee osoo hin uumamin dura) gara waamichaatti deebi'a. Yoo autohide
akka false
.
.toast('dispose')
Toostii elementii tokkoo dhoksa. Toostiin kee DOM irratti ni hafa garuu kana booda hin agarsiisu.
Taateewwan
Gosa Taatee | Ibsa |
---|---|
agarsiisa.bs.toast | Taatee kun yeroo show mala fakkeenyaa waamamu battalumatti dhukaasa. |
agarsiifame.bs.toast | Taatee kun kan dhukaafamu yeroo toostiin fayyadamaaf akka mul'atu taasifameedha. |
dhoksi.bs.toostii | Taatee kun yeroo hide mala fakkeenyaa waamame battalumatti dhukaafama. |
dhokataa.bs.toast | Taatee kun kan dhukaafamu yeroo toostiin fayyadamaa jalaa dhokfamee xumurudha. |