Neste post eu gostaria de analisar o uso do script discreto a partir do ponto de vista do Web Designer. Normalmente, na verdade, um script que é não-invasivo em relação ao navegador final!
Mas também pode ser bom para o Web Designer?
Javascript discreto a partir do ponto de vista da Web Designer
Colocando-nos na pele de um web designer pode identificar duas categorias de JavaScript discreto: verdadeiro Javascript discreto e pseudo Javascript discreto.
Ambas as categorias, no entanto, não são totalmente não-invasiva (sempre a partir do ponto de vista do designer Web). Um verdadeiro e abrangente Javascript discreto não deve exigir qualquer intervenção na página da Web, mas isso é - por enquanto - basicamente impossível. A operação mínima necessária durante a instalação de uma escrita, no entanto, é a inclusão da inclusão do próprio certificado! Por conseguinte, admite-se que esta operação - realmente - não forçar o web designer para fazer modificações específicas para a estrutura da página. O simples posicionamento da inclusão da tag script dentro da head pode, portanto, ser considerados como não-intrusiva.
O verdadeiro Javascript discreto
Os scripts desse tipo são aqueles que exigem apenas a inclusão do script discreto e não; reivindicar nenhuma operação! Script deste tipo são, por exemplo (o habitual e muito citada), pressão . Depois de ter introduzido o código da inclusão Web Designer não deve realizar qualquer operação de mais, porque o roteiro de pressão Marcações opera no padrão.
O Javascript discreto pseudo
Estes diferem das anteriores em que exige uma marcação adicional para funcionar adequadamente. Exemplos deste tipo são Control.Tabs de Ryan Johnson ou biblioteca para slideshow Lightbox JS . per identificare i link che devono essere modificati. Lightbox JS , in particolare, richiede addirittura la presenza esplicita sia di Prototype che di Scriptaculous . Esta última solução, por exemplo, requer a inserção no Tag A atributo rel para identificar as ligações que devem ser modificados. Lightbox JS , em particular, exige ainda a presença de ambos explícito Protótipo de que Scriptaculous . Como indicado no site Lightbox JS , a inclusão do script deve ser semelhante a este:
1 2 3 | "text/javascript" src = "js/prototype.js" >< / script > < de script type = "text / javascript" src = "js / prototype.js"> </ script de > "text/javascript" src = "js/scriptaculous.js?load=effects" >< / script > < de script type = "text / javascript" src = "js / scriptaculous.js? load = efeitos"> </ script de > "text/javascript" src = "js/lightbox.js" >< / script > < de script type = "text / javascript" src = "js / lightbox.js"> </ script de > |
Os links que apontam para un'immmagine que deseja ver o sistema com Lightbox JS deve ser escrito assim:
1 |
Além de identificar um grupo de imagens, para adicionar a capacidade de rolar para trás e imagens, Tag A deve ser ajustado como se segue:
1 2 3 | "images/image-1.jpg" rel = "lightbox[roadtrip]" > image #1 < / a > < a href = "images/image-1.jpg" rel = "lightbox [roadtrip]"> image # 1 </ a > "images/image-2.jpg" rel = "lightbox[roadtrip]" > image #2 < / a > < a href = "images/image-2.jpg" rel = "lightbox [roadtrip]"> imagem # 2 </ a > "images/image-3.jpg" rel = "lightbox[roadtrip]" > image #3 < / a > < a href = "images/image-3.jpg" rel = "lightbox [roadtrip]"> imagem # 3 </ a > |
A necessidade de tais restrições é evidente, não há nenhuma maneira fácil de distinguir um elemento de ligação (Tag A ) a partir de outro. Em particular, não é possível descobrir qual o elemento web designer quer mostrar, de uma forma ou de outra. Necessariamente tem que ser o web designer para indicar, de alguma forma as marcas e os seus comportamentos. Eles são, então, necessário - intrusiva - perfeitamente compreensível, isso não diminui em absoluto a utilidade eo potencial desses scripts. Só levar a maior detalhe e em mais do que algumas linhas de código para o web designer.
É interessante notar, no entanto, o duplo aspecto de "JavaScript discreta, analisados, tanto do ponto de vista do utilizador, tanto do ponto de vista da Web designer.
Não há comentários para este post
Deixe um comentário