Comedido Javascript: pseudo & real

Segunda-feira, 2 de abril de 2007

Neste post gostaria de analisar o uso de pouco visíveis a partir de um script Web Designer. Normalmente, na verdade, um script que não se intromete no sentido Browser final! Mas pode ser também para o Web Designer?

Javascript pouco visíveis a partir da perspectiva de Web Designer
Pondo em seus sapatos de um Web Designer poderia identificar duas categorias de discretos JavaScript: verdadeiros e falsos discretos Javascript Javascript discretos.

Ambas as categorias, porém, não são completamente não intrusivo (semper partir da perspectiva de Web Designer). Um verdadeiro e completo discretos Javascript não deverá exigir uma ação na página da Web, mas este é - por enquanto - essencialmente impossível. A operação mínima exigida durante a instalação de um script é a inclusão da inclusão do script em si! É, pois, admissível, para que - realmente - não forçar o Web Designer para fazer ajustes regulares da estrutura da página. A simples inclusão de posicionamento dentro do script tag cabeça não pode ser considerada intrusiva.

A verdade discretos Javascript
O script deste tipo são aqueles que exigem apenas a inclusão da guião discretos e não quer mais nada! Script deste tipo são, por exemplo (o habitual e citatissimo), Snap. Depois de inserir a inclusão da Web Designer não devem se engajar em qualquer outra operação, uma vez que o script Snap opera tags padrão.

O pseudo discretos Javascript
Estas são diferentes das anteriores no sentido de exigir uma maior taggatura para funcionar corretamente. Exemplos deste tipo são Control.Tabs Ryan Johnson ou a biblioteca para a apresentação de diapositivos lightbox JS. Esta última solução, por exemplo, exige a inclusão no atributo rel Um Tag para identificar ligações que deve ser mudado. Lightbox JS, em particular, exige a presença sequer explícito tanto Protótipo e Scriptaculous. Como indicado no site do lightbox JS, a inclusão da guião deve ser parecido com isto:

HTML:
  1. src = "js/prototype.js" > </script> <script type = src "text/javascript" = "js/prototype.js"> </ script>
  2. src = "js/scriptaculous.js?load=effects" > </script> <script type = src "text/javascript" = "js/scriptaculous.js?load=effects"> </ script>
  3. src = "js/lightbox.js" > </script> <script type = src "text/javascript" = "js/lightbox.js"> </ script>

Os links que apontam para unìimmmagine quiser ver com o sistema lightbox JS deve ser escrito como este:

HTML:
  1. rel = "lightbox" title = "my caption" > image #1 </a> <a href = "images/image-1.jpg" rel = "lightbox" title = "my caption"> imagem # 1 </ a>

Além de identificar um grupo de imagens, para adicionar a capacidade de se deslocar para frente e para trás fotos, Tag A, devem ser os seguintes:

HTML:
  1. rel = "lightbox[roadtrip]" > image #1 </a> <a href = "images/image-1.jpg" rel = "lightbox[roadtrip]"> imagem # 1 </ a>
  2. rel = "lightbox[roadtrip]" > image #2 </a> <a href = "images/image-2.jpg" rel = "lightbox[roadtrip]"> imagem # 2 </ a>
  3. rel = "lightbox[roadtrip]" > image #3 </a> <a href = "images/image-3.jpg" rel = "lightbox[roadtrip]"> imagem # 3 </ a>

A necessidade destas restrições é evidente, não há nenhuma forma fácil de distinguir um elemento link (Tag A) por outro. Em prarticolare você não consegue entender o que o Web Designer elemento vai aparecer de uma forma ou de outra. Ser necessariamente o Web Designer para identificar, de algum modo, e seus comportamentos Tag. Por isso, solicitou - intrusivas - muito compreensível, o que significa que não comprometa a utilidade eo potencial destes scripts. Apenas conduzir a uma maior pormenor e algumas linhas de código ao longo do Web Designer.

Curiosamente, porém, o duplo aspecto de "discretos Javascript, analisaram tanto o usuário final tanto Web Designer.

Post relacionado

Deixe um comentário

TAG XHTML <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Use <pre> para circundar código