Dans ce post, je tiens à analyser l'utilisation de script discret du point de vue du concepteur Web. Normalement, en fait, un script qui n'est pas intrusive vers la fin du navigateur!
Mais il peut aussi être utilisé pour le Web Designer?
JavaScript non intrusif du point de vue du concepteur Web
Nous mettre dans la peau d'un web designer peut identifier deux catégories de discret JavaScript: JavaScript JavaScript discret vraie et la pseudo discret.
Les deux catégories, cependant, ne sont pas totalement non-intrusive (toujours du point de vue du concepteur Web). Un JavaScript réelle et complète discret ne devrait prendre aucune action sur la page Web, mais ce n'est - pour le moment - fondamentalement impossible. L'opération minimale requise lors de l'installation d'un script est, toutefois, l'inclusion de l'inclusion du script lui-même! Il est, par conséquent, que cette opération permise - en fait - n'a même pas besoin du web designer pour faire des ajustements réguliers de la structure de la page. Le placement simple de l'inclusion de la balise de script à l'intérieur du head peut être donc considéré comme non intrusif.
La vraie JavaScript discret
Les scripts de ce type sont les seuls qui exigent l'inclusion du script et pas discret; prétendre à aucune opération! Scripts de ce type sont, par exemple (l'habituel et souvent cité), snap . Une fois que vous avez entré le code incluent les concepteurs Web ne doit pas s'engager dans toute autre opération, comme le script pression fonctionne sur des étiquettes standard.
Pseudo JavaScript non intrusif
Elles sont différentes des précédentes marquage comme nécessitant davantage afin de fonctionner correctement. Des exemples de ce type sont Control.Tabs du Ryan Johnson à glisser ou à la bibliothèque de 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 . La dernière solution, par exemple, exige l'inclusion dans le Tag A l'attribut rel pour identifier les liens qui doivent être modifiés. Lightbox JS , en particulier, exige explicitement et même la présence d' un prototype que Scriptaculous . Comme indiqué sur le site Lightbox JS , l'inclusion du script devrait ressembler à ceci:
1 2 3 | "text/javascript" src = "js/prototype.js" >< / script > < script de type = "text / javascript" src = "js / prototype.js"> </ scripts > "text/javascript" src = "js/scriptaculous.js?load=effects" >< / script > < script de type = "text / javascript" src = "js / scriptaculous.js? = charge des effets"> </ scripts > "text/javascript" src = "js/lightbox.js" >< / script > < script de type = "text / javascript" src = "js / lightbox.js"> </ scripts > |
Les liens qui pointent vers un'immmagine vous souhaitez afficher le système avec Lightbox JS devrait être écrit comme ceci:
1 |
En plus d'identifier un groupe d'images, d'ajouter la possibilité de faire défiler les images vers l'avant et en arrière, les balises A être réglée comme suit:
1 2 3 | "images/image-1.jpg" rel = "lightbox[roadtrip]" > image #1 < / a > < une href = "images/image-1.jpg" rel = "lightbox [roadtrip]"> l'image # 1 </ une > "images/image-2.jpg" rel = "lightbox[roadtrip]" > image #2 < / a > < une href = "images/image-2.jpg" rel = "lightbox [roadtrip]"> l'image # 2 </ une > "images/image-3.jpg" rel = "lightbox[roadtrip]" > image #3 < / a > < une href = "images/image-3.jpg" rel = "lightbox [roadtrip]"> image # 3 </ une > |
Le besoin de telles contraintes est évident, il n'existe aucun moyen facile de distinguer un élément de liaison (Tag A ) d'un autre. En particulier, il n'est pas possible de comprendre quel élément le concepteur veut afficher une façon ou d'une autre. Concepteur de sites Web doivent nécessairement peu tags et leurs comportements. Sont donc nécessaires - intrusive - totalement compréhensible, pas du tout diminuer l'utilité et le potentiel de ces scripts. Que conduire à plus de détails et quelques lignes de code au cours des Web Designer.
Il est intéressant, cependant, le double aspect de «discret JavaScript, est analysé en termes de point d'extrémité-de vue utilisateur, Web Designer.
Il n'y a aucun commentaire pour cet article
Laisser un commentaire