Eman erabiltzailearen ohiko ekintzetarako testuinguruko iritzi-mezuak alerta-mezu erabilgarri eta malgu gutxi batzuekin.
Adibideak
Alertak eskuragarri daude edozein testu luzerako, baita aukerako baztertzeko botoia ere. Estilo egokia lortzeko, erabili behar diren zortzi testuinguru-klaseetako bat (adibidez, .alert-success). Lineako kaleratzea egiteko, erabili alertak jQuery plugina .
Alerta nagusi sinple bat: begiratu!
Bigarren mailako alerta sinple bat: begiratu!
Arrakastaren alerta sinple bat: begiratu!
Arrisku alerta sinple bat: begiratu!
Abisu-alerta sinple bat: begiratu!
Informazio abisu sinple bat: begiratu!
Alerta argi sinple bat: begiratu!
Alerta ilun sinple bat: begiratu!
Laguntza-teknologiei esanahia ematea
Kolorea esanahi gehitzeko kolorea erabiltzeak adierazgarri bisual bat baino ez du ematen, eta hori ez zaie helaraziko laguntza-teknologien erabiltzaileei, adibidez, pantaila-irakurgailuei. Ziurtatu kolorez adierazten den informazioa edukitik bertatik agerikoa dela (adibidez, ikusgai dagoen testua) edo beste bitarteko batzuen bidez sartzen dela, esate baterako, .sr-onlyklasearekin ezkutatuta dagoen testu gehigarria.
Estekaren kolorea
Erabili .alert-linkerabilgarritasun-klasea edozein alertaren barruan bat datozen koloretako estekak azkar emateko.
Alerta nagusi sinple
bat esteka adibide batekin . Eman klik bat nahi baduzu.
Bigarren mailako alerta sinple
bat esteka adibide batekin . Eman klik bat nahi baduzu.
Arrakastaren alerta sinple
bat esteka adibide batekin . Eman klik bat nahi baduzu.
Arrisku alerta sinple
bat esteka adibide batekin . Eman klik bat nahi baduzu.
Abisu-alerta sinple
bat esteka adibide batekin . Eman klik bat nahi baduzu.
Informazio alerta sinple
bat esteka adibide batekin . Eman klik bat nahi baduzu.
Argi alerta sinple
bat esteka adibide batekin . Eman klik bat nahi baduzu.
Alerta ilun sinple
bat esteka adibide batekin . Eman klik bat nahi baduzu.
Eduki gehigarriak
Alertak HTML elementu osagarriak ere izan ditzakete, hala nola goiburuak, paragrafoak eta zatitzaileak.
Ongi egina!
Aww, bai, ondo irakurri duzu alerta-mezu garrantzitsu hau. Testu adibide hau pixka bat gehiago luzatuko da alerta baten barruko tarteak mota honetako edukiekin nola funtzionatzen duen ikus dezazun.
Behar duzun bakoitzean, ziurtatu marjina-utilitateak erabiltzen dituzula gauzak ondo eta txukun mantentzeko.
Baztertuz
Alerta JavaScript plugina erabiliz, posible da edozein alerta linean baztertzea. Hona hemen nola:
Ziurtatu alerta-plugin-a edo konpilatutako Bootstrap JavaScript kargatu duzula.
Gure JavaScript iturburutik eraikitzen ari bazara, beharrezkoautil.js da . Konpilatutako bertsioak hau barne hartzen du.
Gehitu baztertzeko botoia eta .alert-dismissibleklasea, alertaren eskuinaldean betegarri gehigarria gehitzen duena eta .closebotoia kokatzeko.
Baztertu botoian, gehitu data-dismiss="alert"atributua, eta horrek JavaScript funtzionaltasuna abiarazten du. Ziurtatu <button>elementua harekin erabiltzen duzula gailu guztietan portaera egokia izateko.
Guacamole santua! Beheko eremu horietako batzuk egiaztatu beharko zenuke.
JavaScript portaera
Abiarazleak
Gaitu alerta bat baztertzeko JavaScript bidez:
Edo alertaren barrukodata botoi bateko atributuekin , goian erakutsi bezala:
Kontuan izan alerta bat ixteak DOMetik kenduko duela.
Metodoak
Metodoa
Deskribapena
$().alert()
data-dismiss="alert"Atributua duten ondorengo elementuetan klik-gertaerak entzuten dituen alerta bat egiten du . (Ez da beharrezkoa data-apiaren hasierako automatikoki erabiltzean.)
$().alert('close')
Alerta bat ixten du DOMetik kenduta. Elementuan .fadeeta .showklaseak badaude, alerta desagertuko da kendu aurretik.
$().alert('dispose')
Elementu baten alerta suntsitzen du.
Gertaerak
Bootstrap-en alerta-pluginak gertaera batzuk erakusten ditu alerta-funtzionalitatean konektatzeko.
Gertaera
Deskribapena
close.bs.alert
closeGertaera hau instantzia metodoa deitzen denean berehala abiarazten da.
closed.bs.alert
Gertaera hau alerta itxi denean abiarazten da (CSS trantsizioak amaitu arte itxarongo da).