Bidi Tutorial: RTL YUI Calendário em árabe »User Interface do Yahoo! Blog (YUIBlog)

Bidi Tutorial: RTL YUI Calendário em árabe

23 de maio de 2011 às 10:30 am por Mohammad Younis | Em Desenvolvimento | Comments Off

Este exemplo mostra como criar uma versão da direita para a esquerda árabe de um "Calendário Básico de pop-ups" com YUI 2.9.0. O Calendário YUI componente contém uma série de APIs úteis, incluindo um botão configurável perto, calço dinâmica iframe, e APIs para ocultar e mostrar para o usuário.

LTR:

RTL:

Clique aqui para conferir o exemplo de trabalho. Clique aqui para baixar todos os arquivos necessários para executar o exemplo localmente.

Passos para Bidirectionalize um Widget para RTL

Declare o idioma principal e mudar a direção para a página dentro do <html> tag com o lang e atributo dir="rtl" , este ponto no caso de toda a página é rtl, mas se a página é ltr, devemos adicionar o rtl no widget.
Converter atributos CSS e valores que se relacionam com a direção na folha de estilo, incluindo float, posições da imagem, text-align, margem, padding, border, etc Recomendamos CSSJanus para a conversão de CSS.
Atualize qualquer JavaScript relacionado a direcionalidade. Tanto quanto possível, recomendamos fazer sentido configurável em seu código JavaScript.
Traduzir cadeias de texto da língua original para a linguagem RTL em ambas as páginas em HTML e JavaScript.
Teste imagens de sprites em caso de necessidade de ser virado.
Verifique de grau de compatibilidade, testando o calendário entre os navegadores para ter certeza de que está funcionando bem.

Compartilhar e ampliar: Bookmark com del.icio.us | digg it! | reddit!

Sem comentários ainda

Desculpe, o formulário de comentários está fechado no momento.

Alimentado por WordPress em Yahoo! Web Hosting .

Yahoo! Blog User Interface (YUIBlog)