ቱልቲፕስ እቲ ዝነኣሰ ናይ UI ጸገም ክህልወካ ዝኽእል ኮይኑ ይስምዓካ። ደቀቕቲን መብዛሕትኡ ግዜ ዝተሓብኡን’ዮም። ሓደ ሰብ ከመይ ጌርካ ትሃንጽ ክሓትት ከሎ፡ እቲ ባህላዊ መልሲ ዳርጋ ኩሉ ግዜ ገለ ቤተ-መጻሕፍቲ ጃቫስክሪፕት ተጠቒሙ ይምለስ። ንነዊሕ እዋን ድማ እቲ ርትዓዊ ምኽሪ ከምኡ እዩ ነይሩ። ኣነ እውን ተኸቲለዮ። ብላዕሊ ላዕሊ እንተርኢናዮ፡ ሓደ መሳርሒ ምኽሪ ቀሊል እዩ። ኣብ ሓደ ባእታ ምልክት ግበር ወይ ኣተኩር፣ ገለ ጽሑፍ ዘለዎ ንእሽቶ ሳጹን ኣርኢ፣ ድሕሪኡ ተጠቃሚ ምስ ረሓቐ ሓብኣ። ሓንቲ ናብ ሓቀኛታት ተጠቀምቲ ምስ ሰደድካያ ግን፡ ወሰናስኑ ክረኣዩ ይጅምሩ። ተጠቀምቲ ቁልፊ ሰሌዳ ናብቲ ትሪግር ትጥውቕ፣ ግን ነቲ መሳርሒ ምኽሪ ፈጺምካ ኣይትርኣዮ። ኣንበብቲ ስክሪን ክልተ ግዜ የፍልጥዎ፡ ወይ ድማ ፈጺሞም ኣይእውጁን እዮም። እቲ መሳርሒ ምኽሪ ንማውስ ብቕልጡፍ ምስ እተንቀሳቕሶ ይንቀሳቐስ። ኣብ ንኣሽቱ ስክሪናት ትሕዝቶ ይደራረብ። Esc ምጽቃጥ ኣይዓጽዎን እዩ። ትኹረት ይጠፍእ እዩ። ምስ ግዜ፡ ናተይ ቱልቲፕ ኮደ ናብ ድሕሪ ሕጂ ክውንኖ ብሓቂ ዘይደለኹዎ ነገር ዓብዩ። ሰማዕቲ ፍጻመታት ተደራሪቦም። ሆቨርን ፎኮስን በበይኖም ክሕዙ ነይርዎም። ናይ ደገ ጠውቂ ፍሉይ ጉዳያት የድልዮ ነይሩ። ባህርያት ARIA ብኢድ ኣብ ምትእስሳር ክጸንሑ ነይርዎም። ነፍሲ ወከፍ ንእሽቶ ምእራም ካልእ ንጣብ ስነ-መጐት ወሲኹ። ቤተ-መጻሕፍቲ ሓጊዙ’ኳ እንተነበረ፡ ብድሕሪ መጋረጃ ዝፍጸም ዝነበረ ምሉእ ብምሉእ ኣብ ክንዲ ዝርዳእ፡ ኣብ ከባቢይ ዝሰርሓሉ ዝነበርኩ ጸሊም ሳጹናት’ውን ዝያዳ ይመስላ ነይረን። እዚ እዩ ነቲ ሓድሽ ፖፖቨር ኤፒኣይ ክርኢ ዝደፍኣኒ። ብዘይ ሓገዝ ቤተ-መጻሕፍቲ ነቲ ናይ መርበብ ሓበሬታ ተወላዲ ሞዴል ተጠቒመ ሓንቲ መሳርሒ ምኽሪ ዳግማይ እንተሃኒጸ እንታይ ከም ዝኸውን ክርኢ ደለኹ። ክንጅምር ከለና፡ ከምቲ ኣብ ዝኾነ ሓድሽ ባህሪ ዝግበር፡ ገለ ነገራት ምስኡ ከም ዘለዉ፡ ገና ዝብጠሱ ዘለዉ ምዃኖም ምፍላጥ ኣገዳሲ’ዩ። እዚ ክበሃል ከሎ፡ ኣብዚ እዋን’ዚ ዓቢ ናይ መርበብ ሓበሬታ ደገፍ የስተማቕር፡ ዋላ’ኳ ኣብቲ ሓፈሻዊ ኤፒኣይ ኣብ ምልውዋጥ ዘለዉ ሓያሎ ቁራጽ እንተሃለዉ። ክሳብ ሽዑ ንካኒዩስ ምክትታል ይግባእ’ዩ። እቲ “ኣረጊት” መሳርሒ ምኽሪ ቅድሚ ፖፖቨር ኤፒኣይ፡ ቱልቲፕ ላይብረሪ ምጥቃም ኣቋራጭ ኣይነበረን። እቲ ነባሪ እዩ ነይሩ። ዳህሰስቲ ኣብ መላእ ማውስ፡ ኪቦርድን ሓጋዚ ቴክኖሎጅን ዝሰርሕ መሳርሒ ምኽሪ ዝብል መበቆላዊ ኣምር ኣይነበሮምን። ብዛዕባ ቅኑዕነት ትግደስ እንተ ዄንካ፡ እቲ እንኮ ኣማራጺኻ ቤተ-መጻሕፍቲ ምጥቃም እዩ ነይሩ፡ ኣነ ድማ ልክዕ ከምኡ እየ ገይረ። ኣብ ልዑል ደረጃ፡ እቲ ቅዲ ኩሉ ግዜ ሓደ እዩ ነይሩ፡ ትሪግር ባእታ፡ ሕቡእ ቱልቲፕ ባእታ፡ ከምኡ’ውን ንኽልቲኦም ንምውህሃድ ጃቫስክሪፕት።
ዝብል ጽሑፍ ኣሎ።
እቲ ቤተ-መጻሕፍቲ ነቲ ባእታ ኣብ ሆቨር ወይ ፎኮስ ንምርኣይ፣ ኣብ ድብዝዝ ወይ ማውስ ሌቭ ክሕባእ፣ ኣብ ስክሮል ድማ ዳግማይ ኣቀማምጣ/ዓቐን ክቕይር ዘኽእል ገመድ ይሕዝ ነበረ።
ምስ ግዜ እቲ መሳርሒ ምኽሪ ስብርባር ክኸውን ይኽእል እዩ። ንኣሽቱ ለውጥታት ሓደጋ ተሰኪሞም እዮም። ንኣሽቱ ምእራማት ንድሕሪት ምምላስ ኣስዒቦም። እቲ ዝገደደ ድማ ሓደስቲ ቱልቲፕስ ምውሳኽ ተመሳሳሊ ዝተሓላለኸ ነገር እዩ ዝወረሰ። ነገራት ብቴክኒካዊ መዳይ ይሰርሑ ነይሮም፡ ግን ከኣ ርጉእ ወይ ምሉእ ኮይኑ ተሰሚዑኒ ኣይፈልጥን። ነቲ ናይ መሳርሒ ምኽሪ ዳግማይ ክሃንጾ ምስ ወሰንኩ፡ ነቲ ናይቲ መርበብ ሓበሬታ መበቆላዊ ፖፖቨር ኤፒኣይ ተጠቒመ፡ ኩነታት ነገራት ከምኡ’ዩ ነይሩ። እታ ፖፖቨር ኤፒኣይ ዝፈተንኩላ ህሞት። ሓድሽ ነገር ክፍትን ስለ ዝደለኹ ናብ ምጥቃም ፖፖቨር ኤፒኣይ ኣይቀየርኩን። እቲ ዳህሳሲ ድሮ ክርድኦ ነይርዎ ኢለ ዝኣመንኩሉ ናይ tooltip ባህሪ ምዕቃብ ስለ ዝሰልቸወኒ እየ ቀይረ። ኣብ መጀመርታ ተጠራጣሪ እየ ነይረ። መብዛሕትኦም ሓደስቲ ዌብ ኤፒኣይታት ቅልልነት ቃል ይኣትዉ፣ ግን ሕጂ’ውን ንመጣበቒ፣ ኣተሓሕዛ ወሰን-ኬዝ፣ ወይ ድማ ስቕ ኢሉ ነቲ ክትሃድሞ ዝፈተንካ ዝተሓላለኸ ዳግማይ ዝፈጥር ፋልባክ ሎጂክ የድልዮም። ስለዚ፡ ንፖፖቨር ኤፒኣይ ብዝነኣሰ መንገዲ ፈቲነዮ። እዚ እንታይ ይመስል ከም ዝነበረ እንሆ፤
ዝግበር ምትእስሳር ይፈጥር <መጠወቒ popovertarget="tip-1">?
የመሓድር
1. ቁልፊ ሰሌዳ “በቃ ይሰርሕ” ደገፍ ቁልፊ ሰሌዳ ኣብ ብዙሓት ንብርክታት ብትኽክል ኣብ መስርዕ ዝምርኮስ እዩ ነይሩ: ፎኮስ ነቲ ቱልቲፕ ክቐስቅሶ ነይርዎ: ድብዝዝ ክሓብኦ ነይርዎ: Esc ብኢድ ገመድ ክግበር ነይርዎ: ግዜ ድማ ኣገዳሲ ነበረ። ሓደ ወሰን ኬዝ እንተ ኣምሊጡካ፡ እቲ መሳርሒ ምኽሪ ወይ ኣዝዩ ነዊሕ ክፉት ምጸንሐ ወይ ድማ ቅድሚ ምንባብ ምጠፍአ። እቲ popover attribute ናብ auto ወይ manual ምስ ተቐመጠ፡ እቲ መርበብ ሓበሬታ መሰረታዊ ነገራት ይወስድ፡ Tabን Shift+Tabን ንቡር ባህሪ ኣለዎም፡ Esc ኣብ ነፍሲ ወከፍ እዋን ነቲ tooltip ይዓጽዎ፡ ተወሳኺ ሰማዕቲ ድማ ኣየድልዮምን።
ካብ ኮድቤዘይ ዝጠፍአ ዓለማዊ ቁልፊ ምውራድ ኣተሓሕዛታት፣ Esc-specific cleanup logicን ኣብ እዋን ቁልፊ ሰሌዳ ምድህሳስን ኩነታት ምፍታሽ እዮም። እቲ ናይ ኪቦርድ ተመኩሮ ክሕልዎ ዝግበኣኒ ነገር ምዃኑ ኣቋሪጹ፡ ውሕስነት መርበብ ሓበሬታ ኮይኑ። 2. ስክሪንሪደር ምግማት ምኽኣል እዚ እዩ ነይሩ እቲ...ዝዓበየ ምምሕያሽ። ዋላ’ውን ብጥንቃቐ ስራሕ ኣርያም፡ ከምቲ ኣቐዲመ ዝገለጽክዎ፡ እቲ ባህርያት ዝተፈላለየ’ዩ ነይሩ። ነፍሲ ወከፍ ንእሽቶ ለውጢ ሓደገኛ ኮይኑ ተሰሚዑኒ። ግቡእ ተራ ዘለዎ ፖፖቨር ምጥቃም ክሳብ’ቲ ክኸውን ዝኽእል ኣዝዩ ዝያዳ ርጉእን ክትግምቶ ዝከኣልን ይመስልን ይስምዓካን፤
ካልእ ዓወት ድማ እንሆ፡ ድሕሪ’ቲ ምቅይያር፡ ላይትሃውስ ነቲ ምትእስሳር ዘይቅኑዕ መጠንቀቕታታት ግዝኣት ARIA ሰንደቕ ዕላማ ምግባር ኣቋሪጹ፡ ብዓቢኡ ድሕሪ ሕጂ ብጌጋ ክጋገ ዝግበኣኒ ልሙድ ናይ ARIA ግዝኣታት ስለዘየለዉ።
3. ምሕደራ ትኹረት ትኹረት ቅድሚ ሕጂ ስብርባር እዩ ነይሩ። ቅድሚ ሕጂ ከምዚ ዝስዕብ ዝኣመሰለ ሕግታት ነይሩኒ፡ ፎኮስ ትሪግር ንቱልቲፕ የርኢ፡ ፎኮስ ናብ ቱልቲፕ ኣግዓዝ’ሞ ኣይትዕጾ፡ ትሪግር ኣዝዩ ምስ ቀረበ ድብዝዝ፡ ከምኡ’ውን ቱልቲፕ ዓጽዩ ፎኮስ ብኢድካ ምምላስ። እዚ ክሳብ ዘይሰርሕ ሰሪሑ። ብፖፖቨር ኤፒኣይ፡ እቲ መርበብ ሓበሬታ ትኹረት ብዝያዳ ተፈጥሮኣዊ መንገዲ ናብቲ ፖፖቨር ክሰጋገር ዝኽእለሉ ዝቐለለ ሞዴል የተግብር። ነቲ ፖፖቨር ምዕጻው ፎኮስ ናብቲ ትሪግር ይመልሶ፣ ዘይርአ ናይ ፎኮስ መጻወድያታት ወይ ዝጠፍአ ናይ ፎኮስ ህሞታት ድማ የለን። ከምኡ’ውን ፎኮስ ሪስቶሬሽን ኮድ ኣይወሰኽኩዎን፤ ኣነ ድማ ኣውጺአዮ።
መደምደምታ Popover API ማለት tooltips ድሕሪ ሕጂ ንስኻ እትመስሎ ነገር ኣይኮነን። ንሳቶም’ውን እቲ መርበብ ሓበሬታ ዝርድኦ ነገር’ዩ። ምኽፋት፡ ምዕጻው፡ ባህሪ ሰሌዳ ቁልፊ፡ ኣተሓሕዛ ምህዳምን ዓቢ ክፋል ተበጻሕነትን ሕጂ ካብቲ መድረኽ ባዕሉ እምበር ካብ ግዝያዊ ጃቫስክሪፕት ኣይመጽእን እዩ። እዚ ማለት ግን ቱልቲፕ ላይብረሪታት ግዜኦም ዝሓለፉ እዮም ማለት ኣይኮነን ምኽንያቱ ገና ንዝተሓላለኹ ስርዓታት ዲዛይን፣ ከበድቲ ምምዕርራይ ወይ ውርሻዊ ደረታት ትርጉም ኣለዎም፣ እቲ ነባሪ ግን ተቐይሩ እዩ። ንመጀመርታ ግዜ፡ እቲ ዝቐለለ መሳርሒ ምኽሪ እውን እቲ ዝበለጸ ቅኑዕ ክኸውን ይኽእል እዩ። ክትፈልጥ ትደሊ እንተኾንካ ነዚ ፈተነ ፈትኖ፦ በቃ ኣብ ፍርያትካ ዘሎ ሓደ ቱልቲፕ ጥራይ ብፖፖቨር ኤፒኣይ ተክኦ፣ ኩሉ ዳግማይ ኣይትጽሕፎ፣ ምሉእ ስርዓት ኣይትስደድ፣ ሓደ ጥራይ ምረጽ እሞ ካብ ኮድካ እንታይ ከም ዝጠፍእ ርአ። እቲ መድረኽ ዝሓሸ ፕሪሚቲቭ ክህበካ ከሎ፡ እቲ ዓወት ውሑድ መስመራት ጃቫስክሪፕት ጥራይ ዘይኮነስ፡ ብፍጹም ክትጭነቐሉ ዘለካ ነገራት ውሑድ እዩ። ምሉእ ምንጪ ኮድ ኣብ GitHub repo ናተይ ርኣዩ። ተወሳኺ ንባብ ንዝዓሞቐ ምጥላቕ ኣብ ፖፖቨርን ተዛመድቲ ኤፒኣይን፤
“ፖፒን’ ኢን”፡ ጀፍ ግራሃም “ኣብ መንጎ ፖፖቨርን ዝርርባትን ዘሎ ርክብ ምንጻር”፡ ዜል ሊው “ፖፖቨር=ሂንት እንታይ እዩ?”፡ ኡና ክራቨትስ “ትእዛዛት ጸዋዒ”፡ ዳኒኤል ሽዋርዝ “ብኤችቲኤምኤል ፖፖቨር ኣውቶ-ክሎዚንግ ኖቲፊኬሽን ምፍጣር”፣ ፕሪቲ UI Popover API Explainer ክፈት “ፖፕ(ኦቨር) ዘ ባሎን”፡ ጆን ርያ “ሲኤስኤስ መልህቕ ኣቀማምጣ”፡ ጁዋን ድየጎ ሮድሪገዝ
MDN ንPopover API ዝኸውን ኩለመዳያዊ ቴክኒካዊ ሰነዳት እውን የቕርብ።
