迪教程:在阿拉伯語中的RTL YUI的日曆

2011年5月23日上午10:30 | 發展歷程 | 穆罕默德·尤尼斯

這個例子顯示了如何創建一個從右到左的阿拉伯文版“基本法彈出日曆”使用YUI 2.9.0。 YUI“日曆”組件包含了一些有用的API,其中包括一個可配置的關閉按鈕,動態的iframe墊片,從用戶的隱藏和顯示的API。

輕鐵:
YUI的日曆中英文截圖

勞動教養:
YUI的日曆在阿拉伯語截圖

點擊這裡檢查工作的例子。 點擊這裡下載所需的所有文件到本地運行的例子。

步驟Bidirectionalize一個Widget到RTL

  1. 申報的主要語言和內頁的方向改變<html>標籤lang屬性和dir="rtl"這一點的情況下整個頁面是RTL,但如果頁面是LTR,我們應該增加的RTL在widget。
  2. 轉換,涉及到樣式表中的方向,包括浮,位置圖像,文本對齊,邊距,填充,邊框的CSS屬性和價值,我們建議CSSJanus轉換為CSS。
  3. 更新相關的方向性任何JavaScript。 盡可能,我們建議在你的JavaScript代碼配置的方向。
  4. 從最初的語言來翻譯文本字符串中的HTML頁面和JavaScript的RTL語言。
  5. 測試的sprite圖像的情況下,他們需要被翻轉。
  6. 檢查A級的兼容性,跨瀏覽器測試的日曆,以確保它做工精細。

共享和擴展: 書籤del.icio.us Digg它! | reddit!

還沒有評論

很抱歉,評論已被封閉,在這個時候。

主辦雅虎

©2006-2012雅虎公司所有權利保留。 隱私政策 - 服務條款

支持WordPress的關於雅虎 虛擬主機