Javascript discreto: pseudo verdadeira e

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
"images/image-1.jpg" rel = "lightbox" title = "my caption" > image #1 < / a > < a href = "images/image-1.jpg" rel = título de "mesa de luz" = "minha conta"> image # 1 </ a >

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

TAG XHTML permita: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> código de entrada:
 <pre></pre> // blocco generico <code></code> // blocco generico [cc_actionscript][/cc_actionscript] // Actionscript [cc_actionscript3][/cc_actionscript3] // Actionscript 3 [cc_css][/cc_css] // CSS Style Sheet [cc_html][/cc_html] // HTML [cc_js][/cc_js] // Javascript [cc_objc][/cc_objc] // Objective-C [cc_php][/cc_objc] // PHP [cc_sql][/cc_sql] // SQL