jQuery Dynamic Plugin

[dani_o]

Hab ein Dynamic Plugin programmiert. Was ist darunter zu verstehen? Ganz einfach, man verwendet reinen HTML-Code und fügt das Plugin am Ende der Webseite ein. Dieses formatiert dann automatisch den kompletten Quellcode anhand von Klassenangaben.

Meine Frage wäre, welche Funktionen sind sinnvoll und sollten noch eingebaut werden?

(Demo und Download: Agentur Obermaier [oben im WebLabor])

[Kropff]

Ist auf jeden Fall das falsche Forum, daher * verschieb *

Peter

[AmicaNoctis]

Hallo,

man verwendet reinen HTML-Code und fügt das Plugin am Ende der Webseite ein.

kannst du bitte noch erläutern, was du mit reinem HTML-Code meinst (z. B. im Unterschied zu etwas anderem, wo der HTML-Code nicht rein ist) und worin du den Vorteil siehst, den JS-Code am Ende der Seite zu notieren und nicht im Kopfbereich?

So rein ist der HTML-Code übrigens nicht, da er keinen Doctype enthält und auch nicht als HTML 4.01 Transitional validiert. Mein Verbesserungsvorschlag geht dahin, den Code auf XHTML 1.0 Strict zu korrigieren.

Gruß,

Amica

[Kropff]

kannst du bitte noch erläutern, was du mit reinem HTML-Code meinst (z. B. im Unterschied zu etwas anderem, wo der HTML-Code nicht rein ist)

HTML ohne JavaScript-Code

und worin du den Vorteil siehst, den JS-Code am Ende der Seite zu notieren und nicht im Kopfbereich?

Das mit mittlerweile gängige Praxis. Damit wird garantiert, dass alle HTML-Elemente schon vorhanden sind.

Peter

EDIT:

---

Hab mir den Code nicht angeschaut, wird der nun am Ende der Seite eingebunden oder dort notiert?

---

[wahsaga]

Was ist darunter zu verstehen?

Das wüsste ich auch gern. Anhand des Minimalbeispiels kann ich überhaupt nicht erkennen, wozu das gut sein soll.

[AmicaNoctis]

HTML ohne JavaScript-Code

Das mit mittlerweile gängige Praxis. Damit wird garantiert, dass alle HTML-Elemente schon vorhanden sind.

Widerspricht sich das nicht? Egal, ob im Kopf oder am Ende, JavaScript-Code ist so oder so drin, also kein HTML ohne JS.

Die Elemente sind auch vorhanden, wenn ich es in den Kopfbereich schreibe und onload aufrufe.

[wahsaga]

Die Elemente sind auch vorhanden, wenn ich es in den Kopfbereich schreibe und onload aufrufe.

Ja, aber onload ist oft ziemlich "spät" für JS-Operationen, die man mit dem Inhalt ggf. schon machen möchte, bevor alle Bilder etc. fertig geladen sind.

SCRIPT-Element ans Ende von BODY packen ist quasi eine "billige" Variante von Events wie DOMContentReady.

[Kropff]

SCRIPT-Element ans Ende von BODY packen ist quasi eine "billige" Variante von Events wie DOMContentReady.

Hauptsache es funktioniert. Und das will bei JavaScript schon was heißen.

Peter

[TobiaZ]

(Demo und Download: Agentur Obermaier [oben im WebLabor])

Da hat man doch irgendwas falsch gemacht, wenn die Webseite es nicht erlaubt, "Unterseiten" zu verlinken.

Aber mir wird der Mehrwert oder die innovative Neuerung jetzt auch nicht klar. JS-Code an Elemente zu binden ist ja nichts wirklich neues. Ob man es über die Klasse oder die ID macht, kommt auf den konkreten Fall an.

Mein erster Gedanke war, dass du Tabellen "dynamisch" mit abwechselnden Zeilenfarben ausstattest. Aber auch das ist streng genommen nichts anderes und genauso wenig was neues.

Vielleicht hilfst du uns den Knackpunkt zu erkennen?

[dani_o]

Das wüsste ich auch gern. Anhand des Minimalbeispiels kann ich überhaupt nicht erkennen, wozu das gut sein soll.

ich versuchs ma zu erklären

Webseiten, die dynamisch sind, haben meistens den JavsacriptCode schon eingebunden in der Webseite oder benötigen Funktionsangaben etc. direkt im Quellcode. Bsp.: <li onclick="Tuwas()">Ein Listenpunkt</li>. Das Dynamic-Plugin ermöglicht eben einfach diese Dinge nicht mehr eingeben zu müssen.

Ma von ner DAU-Seite betrachtet: ich "programmiere" ne schicke Webseite und will schicke Effekte. Was macht der DAU-User? Er sucht sich n Wolf im Inet da er keine Ahnung hat so was selbst zu gestalten.

Wenn er nu das Plugin "drunterwirft" brauch er somit nur die Klassen beachten um die gewünschten Effekte zu erzielen. Bestes Beispiel: die Reiter-Funktion oder die Flash-Einbindung.

Es vereinfacht halt eben nur die Arbeit an einer Webseite :-)

kannst du bitte noch erläutern, was du mit reinem HTML-Code meinst (z. B. im Unterschied zu etwas anderem, wo der HTML-Code nicht rein ist) ... Gruß, Amica

Mit reinem HTML-Code meine ich keinerlei JS-Angaben mehr - eben NUR HTML-Befehle (Bis auf die Einbindung des Plugin). Am Ende ist es deswegen (wie Kropff bereits sagte) damit alle Elemente die "formatiert" werden sollen auch zu 100% da sind ...

Da hat man doch irgendwas falsch gemacht, wenn die Webseite es nicht erlaubt, "Unterseiten" zu verlinken.

Nein hat man nicht, wenn man das von Anfang an so will xD

[AmicaNoctis]

Mit reinem HTML-Code meine ich keinerlei JS-Angaben mehr - eben NUR HTML-Befehle (Bis auf die Einbindung des Plugin).

Also meinst du, dass der HTML-Code keine Event-Handler über Attribute wie onclick, onfocus u. s. w. enthält oder wo sollte sonst noch JS-Code vorkommen? Übrigens gibt es bei HTML keine Befehle

Amica

[dani_o]

Also meinst du, dass der HTML-Code keine Event-Handler über Attribute wie onclick, onfocus u. s. w. enthält oder wo sollte sonst noch JS-Code vorkommen? Übrigens gibt es bei HTML keine Befehle

Amica

RÜSCHTÜSCH
Zudem werden auch verschiedene Bereiche komplett ersetzt wie z.B. Video/Flash ....

HTML-Befehle: Ja das weiß ich doch nur solltens die anderen User verstehen was ich meine - auch bei uns in der Firma wird den Schülern noch beigebracht, dass die Eingaben "Befehle" sind ... von daher ...

[dani_o]

Bestes Beispiel:

<div class="video" 
  rel="http://www.youtube.com/v/U7-60tyLQhA&hl" 
  width="180" height="180">
   Loading video ...
</div> 

brauchst Du nur einzugeben um ein Flash inhalt - in dem Fall ein Youtube Video - einzubinden. Oder ist das zu schwer? *grins*

[wahsaga]

Webseiten, die dynamisch sind, haben meistens den JavsacriptCode schon eingebunden in der Webseite oder benötigen Funktionsangaben etc. direkt im Quellcode. Bsp.: <li onclick="Tuwas()">Ein Listenpunkt</li>. Das Dynamic-Plugin ermöglicht eben einfach diese Dinge nicht mehr eingeben zu müssen.
[...]
Wenn er nu das Plugin "drunterwirft" brauch er somit nur die Klassen beachten um die gewünschten Effekte zu erzielen.

Aha - also hast du nichts neues erfunden, sondern lediglich jetzt erst für dich entdeckt, was der Rest der Welt schon seit langem unter dem Begriff „unobstrusive JavaScript“ kennt ...?

[AmicaNoctis]

Was ich immer noch nicht verstehe: Warum benutzt du für alles mögliche das rel-Attribut? Mal ist es eher ein href, mal ein title. Damit ist der Quelltext nie valide. Das stört mich am meisten an der Methode.