Ko nga aki utauta ko te raru UI iti rawa atu ka taea e koe. He iti ratou, he mea huna. Ka patai tetahi me pehea te hanga i tetahi, ka hoki mai ano te whakautu tawhito ma te whakamahi i etahi whare pukapuka JavaScript. A, mo te wa roa, koinei te tohutohu mohio. I whai ano ahau. I runga i te mata, he ngawari te aki taputapu. Whakaparo, arotahi ranei ki tetahi huānga, whakaatu i tetahi pouaka iti me etahi kuputuhi, ka huna ina neke atu te kaiwhakamahi. Engari ka tukuna e koe tetahi ki nga kaiwhakamahi pono, ka timata nga taha ki te whakaatu. Kaiwhakamahi papapātuhi Ripa ki te keu, engari kaua e kite i te aki taputapu. Ka rua nga panui a nga kaipanui mata, kaore ranei. Ka korikori te aki taputapu ina tere rawa te neke i te kiore. Inaki ana i nga ihirangi ki nga mata iti ake. Ko te pehi i te Esc kaore e kati. Ka ngaro te arotahi. I te wa o te wa, ka tipu taku waehere taputapu taputapu ki tetahi mea kaore au i tino hiahia ki te pupuri. Ko nga kaiwhakarongo o te huihuinga ka puranga. Ko te whakaparo me te arotahi me whakahaere motuhake. Ko nga pao o waho e hiahiatia ana he keehi motuhake. Ko nga huanga ARIA me tukutahi ma te ringaringa. Ko ia whakatikatika iti ka taapirihia he paparanga arorau. I awhina nga whare pukapuka, engari he rite ano ki nga pouaka pango i mahi ahau, kaua ki te tino mohio ki nga mea kei muri i nga whakaaturanga. Koira te mea i akiaki ahau ki te titiro ki te Popover API hou ake. I hiahia ahau ki te kite he aha te mea ka puta mena ka hanga ano e ahau tetahi taputapu taputapu ma te whakamahi i te tauira taketake o te kaitirotiro me te kore awhina a te whare pukapuka. I a tatou e timata ana, he mea tika kia mohiohia, pera me etahi ahuatanga hou, kei reira etahi mea kei te rino tonu. E ai ki tera, he pai ki a ia te tautoko kaitirotiro nui, ahakoa he maha nga waahanga o te API katoa kei te rere ke. He pai ki te titiro ki a Caniuse i tenei wa. Te Aki Utauta "Tawhito". I mua i te Popover API, ko te whakamahi i te whare pukapuka aki taputapu ehara i te pokatata. Ko te taunoa. Karekau he ariā taketake o nga kaitirotiro mo te aki taputapu i mahi puta noa i te kiore, te papapātuhi, me te hangarau awhina. Mēnā i aro koe ki te tika, ko tāu anake te kōwhiringa ko te whakamahi whare pukapuka, ā, koinei tonu taku mahi. I te taumata teitei, he rite tonu te tauira: he huānga keu, he huānga aki taputapu huna, me JavaScript hei ruruku i nga mea e rua.
I whakahaeretia e te whare pukapuka te waea e taea ai te whakaatu i te huānga ki te whakaparo, ki te arotahi ranei, ki te huna i runga i te maru, i te waihotanga kiore ranei, me te whakanoho ano i te rahi ki te panuku.
I te roanga o te wa, ka pakaru noa te taputapu taputapu. Ko nga huringa iti ka tupono. Ko nga whakatikatika iti i puta mai nga whakahekenga. Ko te mea kino atu, ko te taapiri i nga aki taputapu hou he rite tonu te uaua. I pai nga mahi, engari kaore i tino pai, kua oti ranei. Koia te ahua o nga mea i taku whakatau ki te hanga ano i te taputapu ma te whakamahi i te Popover API taketake o te kaitirotiro. Ko te wa i whakamatau ahau i te Popover API Kaore au i huri ki te whakamahi i te Popover API na te mea i pirangi au ki te whakamatau i tetahi mea hou. I huri ahau na te mea kua hoha ahau ki te pupuri i te whanonga aki taputapu i whakapono ahau kua mohio te kaitirotiro. I ruarua ahau i te tuatahi. Ko te nuinga o nga API tukutuku hou e kii ana i te ngawari, engari ka hiahia tonu te kapia, te whakahaere i te taha-take, te arorau whakamuri ranei e hanga marie ana i te uauatanga e ngana ana koe ki te mawhiti. Na, i whakamatauria e ahau te Popover API i nga huarahi iti rawa. Anei te ahua o tera:
1. Ko te Papapātuhi "Ka Mahi noa" Ko te tautoko papapātuhi i whakawhirinaki ki te maha o nga papa e whakararangi tika ana: ko te arotahi ki te whakaoho i te aki taputapu, me huna e te purongo, me waea a Esc, me te mea nui te wa. Mena ka ngaro koe i tetahi keehi taha, ka noho tuwhera te aki taputapu mo te wa roa, ka ngaro ranei i mua i te panui. Ko te huanga popover kua tautuhia ki te auto, ki te pukapuka ranei, ka whakahaeretia e te kaitirotiro nga mea taketake: Ripa me Shift+Ripa te whanonga i nga wa katoa, ka kati a Esc i te akiutauta i nga wa katoa, karekau he kai whakarongo.
Ko te mea i ngaro mai i taku turanga ko nga kaikawe ki raro o te ao, te arorau horoi motuhake a Esc, me nga arowhai aa-motu i te waa whakatere papapātuhi. Ko te wheako papapātuhi i mutu hei mea me mau tonu e au, ka noho hei taurangi tirotiro. 2. Matapae Panui Matapae Ko tenei tewhakapainga nui. Ahakoa te tupato ki te mahi ARIA, he rereke te whanonga, pera i taku korero i mua. Ko nga huringa iti katoa he mea morearea. Ma te whakamahi i te popover e tika ana te ahua o te ahua me te tino pai ake me te matapae ki nga mea ka puta:
A tenei ano tetahi wikitoria: I muri i te huringa, ka mutu a Lighthouse te haki i nga whakatupato a te kawanatanga ARIA he mo te taunekeneke, na te mea kua kore he tikanga ARIA mo au ka pohehe.
3. Whakahaere Arotahi He pakarukaru te arotahi i mua. I mua, he ture aku penei: me whakaatu te keu arotahi ki te tohu taputapu, nukuhia te arotahi ki te aki taputapu kaua e kati, te keu kare i te wa e tata rawa ana, ka kati i te aki taputapu me te whakahoki ano i te arotahi. I mahi tenei tae noa ki te kore. Ma te Popover API, ka whakamanahia e te kaitirotiro he tauira ngawari ake ka taea e te arotahi te neke ake ki roto i te popover. Ko te kati i te popover ka hoki te aro ki te keu, karekau he mahanga arotahi e kore e kitea, he wa arotahi ngaro ranei. A kaore au i taapiri i te waehere whakaora arotahi; I tangohia e ahau.
Whakamutunga Ko te Popover API te tikanga ko nga aki utauta ehara i te mea e whakataurite ana koe. He mea e mohio ana te kaitirotiro. Ko te whakatuwheratanga, te kati, te whanonga papapātuhi, te whakahaere mawhiti, me te waahanga nui o te urunga mai i te papaaho ake, ehara i te JavaScript ad-hoc. Ehara i te mea kua tawhitotia nga whare pukapuka aki taputapu na te mea kei te whai whakaaro tonu ratou mo nga punaha hoahoa uaua, nga whakaritenga taumaha, nga here tuku iho ranei, engari kua huri te taunoa. Mo te wa tuatahi, ka taea ano e te aki taputapu ngawari te mea tino tika. Mena kei te pirangi koe, whakamatauhia tenei whakamatautau: Me whakakapi noa tetahi tohu taputapu i roto i to hua me te Popover API, kaua e tuhi ano i nga mea katoa, kaua e nuku i te punaha katoa, ka kowhiria tetahi ka kite he aha te ngaro o to waehere. I te wa e pai ake ai te waahi o mua, ko te wikitoria ehara i te mea he iti ake nga rarangi o te JavaScript, engari he iti ake nga mea hei awangawanga koe. Tirohia te waehere puna katoa i roto i taku repo GitHub. Panuitanga Atu Mo nga ruku hohonu atu ki nga popovers me nga API e pa ana:
"Poppin' In", Geoff Graham "Te Whakamarama i te hononga i waenga i nga Popovers me nga Korero", Zell Liew “He aha te popover=hint?”, Una Kravets "Whakahau Kaitono", Daniel Schwarz "Te Waihanga Whakamōhiotanga Kati-Aunoa me te HTML Popover", Preethi Tuwhera UI Popover API Whakamarama “Pop(over) the Balloons”, John Rhea "CSS Anchor Positioning", Juan Diego Rodríguez
Ka tukuna ano e MDN nga tuhinga hangarau matawhānui mo te Popover API.
