Artikel-Schlagworte: "Web Designer"

Unauffällig Javascript: Pseudo-Echtzeit &

In diesem Beitrag möchte ich die Verwendung von Skripts unaufdringlich aus der Sicht des Web-Designer zu analysieren. Normalerweise wird in der Tat ein Skript, das nicht gegen das Ende des Navigators intrusive!
Aber es kann auch gut sein für die Web-Designer?

JavaScript unauffällig aus der Sicht der Webdesigner

Sich in die Schuhe eines Web-Designer identifizieren konnten zwei Kategorien von unaufdringliche Javascript: Unauffällig Javascript wahren und Pseudo unaufdringlich JavaScript.

Beide Kategorien sind jedoch nicht vollständig nicht-intrusive (immer aus der Sicht des Web-Designer). Eine echte und vollständige unaufdringlich JavaScript sollten keine Maßnahmen ergreifen, auf der Webseite, aber das ist - vorerst - im Grunde unmöglich. Die minimale Operation während der Installation eines Skripts braucht jedoch die Einbeziehung der Aufnahme des Skripts selbst! So ist der Betrieb zulässig, dass - tatsächlich - es muss nicht erzwingen, dass der Web-Designer zu regelmäßigen Anpassungen der Struktur der Seite zu machen. Die einfache Positionierung der Einbeziehung des script-Tags im head kann dann als non-intrusive werden.

Der wahre unaufdringlich JavaScript

Die Skripte dieser Art sind diejenigen, die nur die Einbeziehung des Skripts unauffällig und nicht verlangen, behaupten kein anderer Betrieb! Script dieser Art sind zum Beispiel (die übliche und zitierten), ausrichten . Sobald Sie den Code eingegeben gehören die Web-Designer müssen nicht nehmen alle weiteren Betrieb, da das Skript Snap arbeitet auf Standard-Tags.

Die Pseudo unaufdringlich JavaScript

Diese unterscheiden sich von den vorherigen, da sie erfordern eine weitere Tagging richtig zu funktionieren. Beispiele dieser Art sind Control.Tabs von Ryan Johnson oder Bibliothek für 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 . Die letztere Lösung, zum Beispiel, erfordert die Aufnahme in den Tag A Attribut rel auf Links, die angepasst werden müssen, zu identifizieren. LightboxJS , insbesondere, erfordert auch das Vorhandensein von sowohl explizite Prototype , dass der Scriptaculous . Wie auf der Website angegeben LightboxJS , sollte die Einbeziehung der Skript wie folgt aussehen:

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

Die Links, die auf un'immmagine Sie wollen das System mit ansehen LightboxJS sollte wie folgt geschrieben werden:

1
"images/image-1.jpg" rel = "lightbox" title = "my caption" > image #1 < / a > < ein href = "images/image-1.jpg" rel = "lightbox" title = "Mein Titel"> Bild # 1 </ eins >

Neben der Identifizierung einer Gruppe von Bildern, um die Fähigkeit, vorwärts und rückwärts blättern Bilder hinzuzufügen, die Tag- A muss wie folgt eingestellt werden:

1
2
3
"images/image-1.jpg" rel = "lightbox[roadtrip]" > image #1 < / a > < ein href = "images/image-1.jpg" rel = "lightbox [Roadtrip]"> Bild # 1 </ eins >
"images/image-2.jpg" rel = "lightbox[roadtrip]" > image #2 < / a > < ein href = "images/image-2.jpg" rel = "lightbox [Roadtrip]"> Bild # 2 </ eins >
"images/image-3.jpg" rel = "lightbox[roadtrip]" > image #3 < / a > < ein href = "images/image-3.jpg" rel = "lightbox [Roadtrip]"> Bild # 3 </ eins >

Der Bedarf an diesen Engstellen ist klar, es gibt keine einfache Möglichkeit, ein Link-Element zu unterscheiden (Tag A ) von einem anderen. Insbesondere ist nicht klar, welches Element der Web-Designer, um in eine oder andere Weise angezeigt werden möchte. Unbedingt die Web-Designer irgendwie zeigen den Tag und ihr Verhalten zu sein. Sind daher verpflichtet - intrusive - völlig verständlich, überhaupt nicht schmälern den Nutzen und das Potenzial dieser Skripte. Nur um mehr Details und ein paar Zeilen Code in über das Web-Designer führen.

Es ist interessant, aber der doppelte Aspekt der "unaufdringliche Javascript, analysiert sowohl aus der Sicht des Endbenutzers aus der Sicht Web Designer.

Mehr ...


Stoppen Sie SOPA