Nützliche JavaScript Dateien/Frameworks

[ragtek]

So ich start hier mal eine Sammlung nützlicher Links rund um Java-Script Bibliotheken

prototype (http://www.prototypejs.org/)
scriptaculous (http://script.aculo.us/) baut auf prototype auf
jquery (http://jquery.com/)
yui (http://developer.yahoo.com/yui/)
Projax Demo (http://www.ngcoders.com/projax/)

hier mal ein beispiel was man damit machen kann(auf die schnelle gefunden):
Scriptaculous Effects for vBulletin with User Dialogs - vBulletin.org Forum (http://www.vbulletin.org/forum/showthread.php?t=136161)
vBThickBox - vBulletin.org Forum (http://www.vbulletin.org/forum/showthread.php?t=147522)



Verwendet jemand von euch sowas?
Ich hab das Problem/die Angst davor das ich dann in 2 Monaten 100 Javascript Dateien Laden muss, da jedes Framework irgendwie seine Vorteile hat und damit verbundenen Möglichkeiten.

[Surviver]

Ich habe protitype ausprobiert - hat zwar funktioniert - aber sehr komplex.

Außerdem werden immer viel zu viele Sachen geladen, die letztendlich dann doch nicht genutzt werden.

Wenn es jetzt keine schwierigen Effekte sind, versuche ich das JS selbnst zu schreiben ;)

[Andreas]

Es gibt eine stark abgespeckte Version von Prototype die mit moo.fx verwendet werden kann - für Effekte eine ganz nette Möglichkeit.

Auch lässt sich mootools im Gegensatz zu Prototype maßgeschneidert erstellen, d.h. es ist wirklich nur das enthalten was man auch benötigt.

[MikeD]

Es gibt eine stark abgespeckte Version von Prototype die mit moo.fx verwendet werden kann - für Effekte eine ganz nette Möglichkeit. Auch lässt sich mootools im Gegensatz zu Prototype maßgeschneidert erstellen, d.h. es ist wirklich nur das enthalten was man auch benötigt.Genau!
Wenn es um Alternativen geht, ist, zusammen mit dem Prototyp Framework, 'Script.aculo.us' gerade stolze 170KB groß. Und gerade bei Benutzern mit geringfügiger Bandbreite oder mobilem Zugang wird dahingehend die Nutzbarkeit ihrer AJAX Anwendung erschwert. Lange Ladezeiten sind genau das, was ja gerade durch die AJAX Technologie vermieden werden sollte. Um solche Benutzer nicht gänzlich auszuschließen, empfiehlt es sich, auf Alternativen zurückzugreifen. Ein leichtgewichtiges Toolkit für visuelle Effekte ist moo.fx (http://moofox.mad4milk.net), welche gerade mal 3 KB groß ist. Für einfache visuelle Effekte eignet es sich deshalb besonders gut. Es läßt sich ähnlich wie Script.aculo.us leicht in den Head Bereich des HTML Codes einfügen und sofort verwenden :)

[ragtek]

Es gibt eine stark abgespeckte Version von Prototype die mit moo.fx verwendet werden kann - für Effekte eine ganz nette Möglichkeit.

Auch lässt sich mootools im Gegensatz zu Prototype maßgeschneidert erstellen, d.h. es ist wirklich nur das enthalten was man auch benötigt.

gibts wo a doddlanleitung wie is einbau?
vorallem wie geh ich dann weiter vor?:D
ich krieg vom js handler einen text zurück, der mir was in ein div element reinschreibt und dieses soll effektvoll erscheinen

[ragtek]

Falls jemanden YUI interessiert: hier sammeln "wir" alle möglichn Links zu Seite die YUI Tutorials, Beispiele usw bieten: YUI Linklist - ragtek v2 (http://www.ragtek.org/forum/linkliste.php?do=yuilinks)

[pixie]

Hallo, ich nutze seit kurzem JQuery, was für meine Bedürfnisse eigentlich auch perfekt funktioniert. Nur habe ich das Problem, dass ich sowohl die Plug-ins, als auch das Framework selbst, immer im Template initialisieren muss, in dem ich es auch verwenden will.

Wieso stehen die Frameworks nicht global für jedes Template zur Verfügung, wenn ich sie über headinclude einbinde? Ich dachte eigentlich, dass das der Sinn der Sache wäre. Mit CSS funktioniert das bestens. :)

So muss ich für jedes JavaScript-Plugin separat das Framework aufrufen, was doch ziemlich nervig ist und auch auf die Performance geht. Zumindest bilde ich mir das ein. ;)

Gibt es einen besseren Weg, externe Frameworks zu verwenden? Gehören die vielleicht gar nicht ins headinclude-Template? :confused:

Ich bin absoluter Neuling, was JavaScript angeht und für jede Hilfe dankbar.

[ragtek]

Ähm was genau meinst du?

Also ich habe die jquery.js im headinclude Template => dadurch ist es global verfügbar.
Was ich nicht genau verstehe ist was du mit "jedes Javascript Plugin das framework seperat aufrufen" gemeint ist

[pixie]

Also, ich rufe jquery im headinclude wie folgt auf:

CODE:
----------
Der Inhalt dieses Abschnitts ist nur für Lizenznehmer sichtbar, Sie werden derzeit jedoch nicht als Lizenzinhaber erkannt.<br />
<br />
Bitte öffnen Sie den <a href="http://members.vbulletin-germany.com/membersupport_priority.php">Kundenbereich</a>, tragen Sie Ihre E-Mail-Adresse ein, mit der Sie sich hier registriert haben und aktivieren Sie die Lizenzüberprüfung für http://www.vbulletin-germany.org.
----------

Wenn ich nun beispielsweise das jQ-Plugin Thickbox in forumdisplay aufrufen will, muss ich folgendes direkt ins Template einfügen, damit es funktioniert:

CODE:
----------
Der Inhalt dieses Abschnitts ist nur für Lizenznehmer sichtbar, Sie werden derzeit jedoch nicht als Lizenzinhaber erkannt.<br />
<br />
Bitte öffnen Sie den <a href="http://members.vbulletin-germany.com/membersupport_priority.php">Kundenbereich</a>, tragen Sie Ihre E-Mail-Adresse ein, mit der Sie sich hier registriert haben und aktivieren Sie die Lizenzüberprüfung für http://www.vbulletin-germany.org.
----------

Eigentlich dachte ich, dass man beides nur einmal im headinclude aufrufen müsste und dann sollte es in jedem Template zur Verfügung stehen. Leider tut es das nicht. Ich muss also für jedes Plugin immer auch das Framework direkt im Template aufrufen, in dem ich die Funktionen nutzen möchte. :confused:

Hoffe, mich halbwegs verständlich ausgedrückt zu haben. ;)

[au lait]

Ich nutzte in meinem Forum zusätzlich zur YUI durch vB noch jqery.
Bin aber dabei das abzulösen und nur auf die YUI zu bauen. Da ich es dämlich finde 2 Frameworks zu nutzen *lol*
Aber mal nicht so einfach :-)

[ragtek]

Jein.
Dämlich eventuell, aber jquery ist wenn man sich damit ein bisschen damit beschäft einfach viel schlanker und einfacher als YUI.

Man nehme zB folgenden Code:
CODE:
----------
Der Inhalt dieses Abschnitts ist nur für Lizenznehmer sichtbar, Sie werden derzeit jedoch nicht als Lizenzinhaber erkannt.<br />
<br />
Bitte öffnen Sie den <a href="http://members.vbulletin-germany.com/membersupport_priority.php">Kundenbereich</a>, tragen Sie Ihre E-Mail-Adresse ein, mit der Sie sich hier registriert haben und aktivieren Sie die Lizenzüberprüfung für http://www.vbulletin-germany.org.
----------

Ich bilde mir ein das der Code mit YUI Methoden ca. 3x so lang war


Edit: Wobei sich das anscheinend mit YUI 3 ziemlich ändern wird, worauf ich mich schon freu

[pixie]

Ähm, könntet ihr mir bitte trotzdem weiter helfen? :D

[ragtek]

Also, ich rufe jquery im headinclude wie folgt auf:

CODE:
----------
Der Inhalt dieses Abschnitts ist nur für Lizenznehmer sichtbar, Sie werden derzeit jedoch nicht als Lizenzinhaber erkannt.<br />
<br />
Bitte öffnen Sie den <a href="http://members.vbulletin-germany.com/membersupport_priority.php">Kundenbereich</a>, tragen Sie Ihre E-Mail-Adresse ein, mit der Sie sich hier registriert haben und aktivieren Sie die Lizenzüberprüfung für http://www.vbulletin-germany.org.
----------

Wenn ich nun beispielsweise das jQ-Plugin Thickbox in forumdisplay aufrufen will, muss ich folgendes direkt ins Template einfügen, damit es funktioniert:

CODE:
----------
Der Inhalt dieses Abschnitts ist nur für Lizenznehmer sichtbar, Sie werden derzeit jedoch nicht als Lizenzinhaber erkannt.<br />
<br />
Bitte öffnen Sie den <a href="http://members.vbulletin-germany.com/membersupport_priority.php">Kundenbereich</a>, tragen Sie Ihre E-Mail-Adresse ein, mit der Sie sich hier registriert haben und aktivieren Sie die Lizenzüberprüfung für http://www.vbulletin-germany.org.
----------

Eigentlich dachte ich, dass man beides nur einmal im headinclude aufrufen müsste und dann sollte es in jedem Template zur Verfügung stehen. Leider tut es das nicht. Ich muss also für jedes Plugin immer auch das Framework direkt im Template aufrufen, in dem ich die Funktionen nutzen möchte. :confused:

Hoffe, mich halbwegs verständlich ausgedrückt zu haben. ;)

1. scheiß mal CODE:
----------
Der Inhalt dieses Abschnitts ist nur für Lizenznehmer sichtbar, Sie werden derzeit jedoch nicht als Lizenzinhaber erkannt.<br />
<br />
Bitte öffnen Sie den <a href="http://members.vbulletin-germany.com/membersupport_priority.php">Kundenbereich</a>, tragen Sie Ihre E-Mail-Adresse ein, mit der Sie sich hier registriert haben und aktivieren Sie die Lizenzüberprüfung für http://www.vbulletin-germany.org.
---------- raus, brauchst du nicht;)
und im forumdisplay CODE:
----------
Der Inhalt dieses Abschnitts ist nur für Lizenznehmer sichtbar, Sie werden derzeit jedoch nicht als Lizenzinhaber erkannt.<br />
<br />
Bitte öffnen Sie den <a href="http://members.vbulletin-germany.com/membersupport_priority.php">Kundenbereich</a>, tragen Sie Ihre E-Mail-Adresse ein, mit der Sie sich hier registriert haben und aktivieren Sie die Lizenzüberprüfung für http://www.vbulletin-germany.org.
---------- entfernen, da du es ja schon im headinclude hast;)
dort brauchst du NUR die 2. Datei wobei du auch nur den 2. Codeausschnitt im Headinclude einbinden könntest und das wars;)

Hoffe das ich dich richtig verstanden habe*g*

Ich mach das generell so, das ich falls ich irgendwelche Zusatzdateien brauche, diese global ins headinclude hau.


Auf was noch zu achten ist: (global für alle die viele Mods installieren)
Man sollte sich ab und zu einfach mal mittels Firebug anschauen was fremde Plugins alles so "einbinden".
Ich hab mein ein Board gesehen das die jquery.js zB 3x eingebunden hat (mgc chatbox, shoutbox und nochwas)

[pixie]

Danke für deine schnelle Antwort! :)


entfernen, da du es ja schon im headinclude hast
dort brauchst du NUR die 2. Datei wobei du auch nur den 2. Codeausschnitt im Headinclude einbinden könntest und das warsAber das ist es ja gerade, es funktioniert so einfach nicht. Ich hab schon zahlreiche Varianten ausprobiert, ohne Erfolg.

Es will nur gehen, wenn ich es so mache, wie oben gepostet. :confused:

[ragtek]

Hmmm, anscheinend hab ich doch was missverstanden.

also du hast im headinclude nun
CODE:
----------
Der Inhalt dieses Abschnitts ist nur für Lizenznehmer sichtbar, Sie werden derzeit jedoch nicht als Lizenzinhaber erkannt.<br />
<br />
Bitte öffnen Sie den <a href="http://members.vbulletin-germany.com/membersupport_priority.php">Kundenbereich</a>, tragen Sie Ihre E-Mail-Adresse ein, mit der Sie sich hier registriert haben und aktivieren Sie die Lizenzüberprüfung für http://www.vbulletin-germany.org.
---------- drinn?
Und es steht dir nicht überall (also in deinem fall forumdisplay) zur verfügung?
Wo genau hast du es reinkopiert?
Ist es eventuell von einer if condition umgeben?

[pixie]

Leider nein, das mit der if condition habe ich als erstes gecheckt. Ich habe beides nach folgendem Code im Standard-headinclude eingefügt und auch in der Reihenfolge Framework > Plug-in:

CODE:
----------
Der Inhalt dieses Abschnitts ist nur für Lizenznehmer sichtbar, Sie werden derzeit jedoch nicht als Lizenzinhaber erkannt.<br />
<br />
Bitte öffnen Sie den <a href="http://members.vbulletin-germany.com/membersupport_priority.php">Kundenbereich</a>, tragen Sie Ihre E-Mail-Adresse ein, mit der Sie sich hier registriert haben und aktivieren Sie die Lizenzüberprüfung für http://www.vbulletin-germany.org.
----------

[pixie]

Hier mal mein headinclude, ich verstehs absolut nicht. :(

Danke!

[bpr]

Ich benutze fuer mein forum zusaetzlich noch jquery : > da ich einfach gerne mit jquery arbeite und es ziemlich einfach ist ... leider bietet jquery aber kein oop an, was andere frameworks tun ...