BIDIチュートリアル:アラビア語のRTL YUIカレンダー

中| 10:30 2011年5月23日にはモハマド·ユーニスで午前開発 | コメントはまだありません

この例は、右から左へアラビア語バージョンを作成する方法を示しています。 "基本的なポップアップカレンダー" YUI 2.9.0とします。 YUIカレンダーコンポーネントは、ユーザーから隠れて表示するための設定、閉じるボタンなどの便利なAPIが、ダイナミックiframeのシム、およびAPIの数が含まれています。

LTR:
英語のスクリーンショットのYUIカレンダー

RTL:
アラビア語のスクリーンショットのYUIカレンダー

クリックここで作業例をチェックアウトする。 クリックここで局所的に例を実行するために必要なすべてのファイルをダウンロードする。

RTLにウィジェットをBidirectionalizeする手順

  1. プライマリ言語を宣言し、内部のページの方向を変更<html>を持つタグlang属性とdir="rtl"場合には、この点は、ページ全体は、RTLであるが、ページがltrであれば、我々は、RTLを追加する必要があります。ウィジェットインチ
  2. CSSの属性と浮動小数点数、画像の位置、テキスト揃え、マージン、パディング、境界線を含む、スタイルシートの方向に関連する値を変換する、などをお勧めCSSJanusを CSSに変換するために。
  3. 方向性に関連した任意のJavaScriptを更新します。 可能な限り、我々はあなたのJavaScriptコードで設定の方向を作ることをお勧めします。
  4. 元の言語からHTMLページとJavaScriptの両方のRTL言語にテキスト文字列を変換します。
  5. 彼らが反転する必要がある場合に備えて、スプライトのイメージをテストします。
  6. それが正常に動作していることを確認するためのブラウザでカレンダーをテストして、グレードの互換性を確認してください。

共有および拡張: del.icio.usでブックマーク | Diggそれ! | reddit!

まだコメントはありません»

このコメント欄のRSSフィード トラックバックURI

コメントを残す

注:コメントは最初タイマーのために司会をされています。 スパムは削除されます。

XHTML:<a href="" title=""> <abbr title=""> <acronym title=""> <b>ダウンロード<blockquote cite=""> <cite>の<code> <del datetime="">た<em> <I> <q cite="">すする<STRONG>

ヤフーが主催する

著作権©2006-2012ヤフー株式会社すべての権利を保有。 プライバシーポリシー - サービス利用規約

を搭載ワードプレスヤフー ウェブホスティング