Bidi Tutorial: RTL YUI Kalender in het Arabisch »Yahoo! User Interface Blog (YUIBlog)

Bidi Tutorial: RTL YUI Kalender in het Arabisch

23 mei 2011 om 10.30 uur door Mohammad Younis | In ontwikkeling | Comments Off

Dit voorbeeld laat zien hoe u van rechts naar links Arabische versie van een "Basic Pop-up Kalender" met YUI 2.9.0. De YUI kalender component bevat een aantal nuttige API's, waaronder een configureerbare sluitknop, dynamisch iframe shim en API's voor het verbergen en tonen van de gebruiker.

LTR:

RTL:

Klik hier om hier de werkend voorbeeld. Klik hier om alle bestanden die nodig zijn om het voorbeeld lokaal kan uitvoeren downloaden.

Stappen om een Widget Bidirectionalize naar RTL

Verklaar de primaire taal en de richting voor de pagina in de <html> tag met de lang attribuut en dir="rtl" , dit punt in het geval de hele pagina RTL, maar als de pagina ltr, moeten we toevoegen rtl in de widget.
Zet CSS attributen en waarden die richting te hebben met de style sheet, met inbegrip van float-, beeld-posities, text-align, marge, opvulling, rand, enz. We raden CSSJanus voor het omzetten van CSS.
Werk eventuele JavaScript in verband met gerichtheid. Zoveel als mogelijk is, raden wij aan om richting te configureren in uw JavaScript-code.
Tekst vertalen snaren van de oorspronkelijke taal aan de RTL taal in zowel de HTML-pagina en JavaScript.
Test sprite images voor het geval ze moeten worden omgedraaid.
Controleer A-compatibiliteit, het testen van de kalender in verschillende browsers om zeker te zijn het is fijn werken.

Delen en uit te breiden: Bookmark met del.icio.us | Digg it! | reddit!

Nog geen reacties

Sorry, het reactieformulier op dit moment gesloten.

Yahoo! User Interface Blog (YUIBlog)