Popover API ali po domače popup okno je na spletu zelo pogost pojav. Običajno se uporablja za namene dodatnih informacij, ki se prikažejo po kliku uporabnika na določene element.
Popup okna delujejo tako, da se informacije prikažejo pred ostalo vsebino, tako okno ima običajno več pozornosti od ostale vsebine. Nekako jih delimo na dva dela, in sicer oblika “modal”, ki zamrzne stran v ozadju in oblika “non-modal”, ki omogoča interakcijo z vsebino strani, dokler je okno odprto.
Popover API je nov standardiziran prikaz popup oken (Popovers). Te vsebine so vedno v obliki “non-modal”, kar pomeni da je stran vedno interaktivna in tako ni zamrznjena. Takšna uporaba je primerna za akcijske menije, obvestila, priporočila, … Glavna zanimivost teh oken je ta, da lahko slednje upravljamo preko HTML-ja ali preko JavaScripta.
Primer HTML popover okna
See the Pen
Simple manual popover by Ziga (@pomagalnik)
on CodePen.
Presenetljivo je Popover API že zelo dobro podprt in deluje v vseh novejših verzijah brskalnikov z izjemo IE11, ki je pa tako v ugašanju. Za kar smo včasih potrebovali JavaScript je danes to osnovne funkcionalnosti v HTMLju in CSSju.
