Bidi Tutorial: RTL Yui Calendar sa Arabic »Yahoo! User Interface Blog (YUIBlog)

Bidi Tutorial: RTL Yui Calendar sa Arabic

Mayo 23, 2011 sa 10:30 ng umaga sa pamamagitan ng Mohammad Younis | Sa Development | No Comments

Halimbawa na ito ay nagpapakita kung paano lumikha ng isang kanan-papuntang-kaliwa Arabic bersyon ng isang "Basic Popup Calendar" sa Yui 2.9.0. Ang Yui Calendar bahagi ay naglalaman ng isang bilang ng mga kapaki-pakinabang na mga API, kabilang ang isang configure pindutan ng isara, dynamic iframe sapatilya, at mga API para sa pagtatago at pagpapakita mula sa gumagamit.

LTR:

RTL:

Mag - click dito upang tingnan ang nagtatrabaho Halimbawa. Mag - click dito upang i-download ang lahat ng mga file na kailangan upang patakbuhin ang halimbawa sa lokal.

Mga hakbang sa Bidirectionalize ng isang Widget sa RTL

Ipinapahayag ang pangunahing wika at baguhin ang direksyon para sa mga pahina sa loob ng <html> tag sa ang katangian lang lang dir="rtl" ", sa puntong ito kung sakaling ang buong pahina ay rtl, ngunit kung ang pahina ay ltr, dapat naming idagdag ang rtl sa widget.
Convert ang mga katangian ng CSS at mga halaga na kaugnay sa direksyon sa estilo ng sheet, kabilang ang lumutang, mga posisyon ng imahe, text-ihanay, margin, padding , border, atbp Inirerekumenda namin CSSJanus para convert ng CSS.
I-update ang anumang JavaScript na may kaugnayan sa directionality. Hangga't maaari, inirerekumenda namin ang paggawa ng direksyon na-configure sa iyong code ng JavaScript.
Isalin ang mga string ng teksto mula sa orihinal na wika sa RTL wika sa parehong pahina ng HTML at JavaScript.
Subukan engkanto ang mga imahe sakaling kailangan nilang Binaligtad.
Suriin ang A-grade pagkakatugma, pagsubok ng kalendaryo sa buong mga browser upang tiyakin na ito ay gumagana multa.