Bidi 자습서 : 아랍어 RTL YUI 달력»야후 사용자 인터페이스 블로그 (YUIBlog)

Bidi 자습서 : 아랍어 RTL YUI 달력

년 | 기한 게 10시 30 2011년 5월 23일는 모하마드 Younis하여 오전 개발 | 아니오 코멘트

이 예제의 오른쪽에서 왼쪽으로 아랍어 버전을 만드는 방법을 보여줍니다 "기본 팝업 캘린더" YUI 2.9.0로합니다. YUI 달력 구성 요소는 구성 가능한 닫기 버튼, 동적 iframe이의 심, 그리고 숨어하고 사용자에서 보여주는 API를 포함하여 유용한 API의 숫자를 포함합니다.

LTR :

RTL :

클릭하세요 여기에 동작하는 예제를 확인합니다. 클릭하세요 여기 로컬 예제를 실행하는 데 필요한 모든 파일을 다운로드합니다.

RTL로 위젯을 Bidirectionalize하는 단계

기본 언어를 선언하고 내부 페이지 방향을 변경 <html> 있는 태그 lang 속성과 dir="rtl" , 경우이 시점은 전체 페이지 RTL이지만 페이지 ltr 경우, 우리는 RTL을 추가한다 위젯 인치
CSS의 속성 및 부동, 이미지 위치, 텍스트 정렬, 여백, 패딩, 테두리를 포함 스타일 시트에 방향과 관련된 값을 변환 등 우리가 권장 CSSJanus을 CSS를 변환하는 동안.
방향성 관련된 자바 스크립트를 업데이 트합니다. 가능한 한 많이, 우리는 여러분의 자바 스크립트 코드에서 구성 방향을 만드는 것이 좋습니다.
원래 언어의 HTML 페이지와 자바 스크립트 모두에서 RTL 언어로 텍스트 문자열을 번역합니다.
그들이 이성을 상실해야하는 경우에 스프 라이트 이미지를 테스트합니다.
그것이 제대로 작동다고 확신하고 브라우저를 통해 일정을 시험, 학년 호환성을 확인합니다.