Ich habe vor einiger Zeit ein Scriptaculous Tutorial geschrieben, dass sich eigentlich ziemlich ausführlich mit den Effekten beschäftigt.
Zwar hat sich seit dem ein bisschen was verändert (Effect.Morph ist zu den Grundeffekten dazugekommen), aber im Großen und Ganzen ist das Tutorial denke ich noch ganz gut zu gebrauchen.
Hier seid ihr also herzlich dazu eingeladen, euer Feedback und eure Kommentare zum Tutorial hier zurücklassen.
Sehr geehrter Herr Lemmé,
vielen Dank für Ihr sehr informatives Tutorial!
Ich möchte mit Scriptaculous direkt nach dem ersten Seitenaufruf, automatisch ohne Mouseklick, eine kleine und kurze Introanimation starten. Z.B. ein erstes Logobild, dass sich nach links oben verkleinert. Ist ein automatischer Move-Scale-Start ohne Mouseklick möglich und wenn ja, wie kann ich das tun.
Für eine Antwort wäre ich Ihnen sehr verbunden.
Mit freundlichen Grüßen
M.R.Luft
Hallo!
Danke erstmal, freut mich dass es gefällt...
Das Ausführen von Code direkt nach dem laden der Seite funktioniert am besten mit der Prorotype-Funktion Event.observe(); Beispielsweise:
Event.observe(window, 'load', function() {
//hier kommt der Code
Effect.Morph('elm');
});
Eine andere Methode ist, eine Funktion als onload-Event im body-Tag anzugeben:
<body onload="Javascript:startFunktion()" >
<script type="text/javascript">
function startFunktion(){
//hier kommt der Code
Effect.Morph('elm');
}
<div id="elm" />
</body>
Besser ist wie gesagt die obere Prototype-like Version, da sie wartet bis das Dokument geladen wurde...
Intressant für Events in Prototype: http://alternateidea.com/blog/articles/2006/2/8/working-with-events-in-prototype
wollte auch mal was aus-faden lassen. :-)
Mit dem Beispiel oben (@Thomas) hab ich's nicht, aber dann doch hiermit hingekriegt (auch mit Firefox + IE):
[Code]
Event.observe(window, 'load', function() {
new Effect.Fade('NamemeinesauszublendendenDiv',{duration:6.0, from:1.0});
});
[/Code]
ps: und natürlich muss im "head" auch das prototype.js und das scriptaculous.js eingebunden worden sein.
Super Seite! Lerne gerade ein wenig Javascript. Es ist eine sehr hilfreiche Seite! Eine Frage!!?? :
Kann ich einen Effekt auf mehrere Elemente gleichzeitig anwenden? Und wie ist die Schreibweise?
Mit Komma trennen funtioniert nicht.
z.B.
funktioniert nicht.
Für eine Antwort wäre ich sehr dankbar
p onclick="new Effect.MoveBy('element1',0,-600)"
z.B.
p onclick="new Effect.MoveBy('element1','element2',0,-600)"
funktioniert nicht.
Für eine Antwort wäre ich sehr dankbar
Wenn du alle Elemente in einem Array hast, kannst du diese mit Hilfe der each() Funktion durchlaufen, siehe hier ein Beispiel: http://webcode.lemme.at/uploads/test/test.txt
Oder in der Prototype API: http://prototypejs.org/api/enumerable/each
Vielen Dank für die schnelle Antwort. Es scheint, dass meine Javakenntnisse nicht ausreichen um Deine Lösung anzuwenden. Wenn ich auf einen Button clicke und dann 4 verschiedene Elemente z.B auf eine andere Position laufen sollen muss ich die elemente zusammenfassen in einem Array und dann über die each funktion abrufen.
Vielleicht geht das ja leichter mit Effect.Parallel??
Beste Grüsse und danke für Deine Mühe
Hallo, hier wieder die Nervensäge.
Habe den ParallelEffekt nun hinbekommen.
Kann ich denn auch mehrere "function ParallelEffects" im Head definieren?
So dass ein Parallel Effekt für Button z.B Home und eine anderer für Vita
Hallo,
ich habe das gleiche Problem, ich lasse ein, zwei Effekte ablaufen, und danach soll eine neu Seite geladen werden. Setze ich aber 'return: false' auf 'true' wird zwar die neue Seite geladen ,aber die Effekte nicht ausgeführt, zumindest nicht bis zum Ende.
Wie kann ich also die Effekte komplett ablaufen lassen, und wenn diese fertig sind, dann eine neue Seit laden?
Leider ist der Letzte Eintag hier schon etwas zurück, doch vielleicht kann ja hier jemend helfen.
Grüße
Niko
Habe jetzt alle Bewegungen mit Parallel hinbekonmen! Kompliment - das Tutorial hat mir SEHR geholfen.
Eine Frage: Ich lasse einen Effekt ausführen und möchte, dass nach dem Beendigen des Effektes (z.B ein Move und Fade Effekt) eine neue html-seite lädt.
Geht das? und wenn ja wie?
Würde mich sehr über eine Antwort freuen!!!
Gruss Robert
Hallo
du bietest sehr viele schöne Tutorials ein. eins habe ich auch schon verwendet wie das normale "Einblenden" und Ausblenden.
Nun ist es so, das beim laden der Website das DIV schon eingeblendet ist!
Möchte es aber standarmässig immer ausgeblendet haben und nur einm Klick auf einblenden es erscheinen lassen.
ich habe leider dazu nichts auf deiner Website gefunden, bzgl. Tutorial etc.
Danke für dein kurzes Feedback
Lg
Andi
Hallo Andi,
so funkts:
{div id="..." style="display:none" }{/div}
(ich hab jetzt geschwungene Klammern statt spitzen genommen, damits der blog nicht filtert...)
lg
Hallo Thomas,
ich weiss nicht ob es jetzt am Script liegt. Das komische ist: Im Firefox funktioniert das script, im InternetExplorer nicht! (Ein-Ausblenden)
Finde den Fehler nicht! bin mit meinem Latain am Ende :-(
www.xerox-colorqube.de/index.php/colorqube/technische-daten
Danke, vll. weißt du ja einen Tipp
Hallo Herr Lemmé,
nachdem ich Effekte aus Ihrem Tutorial erfolgreich auf einer Seite eingebunden habe, funktionieren diese auf meiner neuen Seite nicht.
Firebug: "Effect is not defined"
Einzigen Unterschied den ich zur "alten Seite" sehe, ist, dass ich mit der neuen Seite lokal arbeite.
Kann es sein, dass Probleme mit scriptaculous bzw. prototype durch unkorrekte Rechtevergabe auf dem Lokalen Server entstehen?
Vielen Dank für einen Hinweis bereits im Voraus.
Es wäre schön, wenn das Tutorial der Originalseite komplett übersetzt werden könnte. Deutsche Tutorials gibt es nicht so viele. Ich weiß - ist ne Menge Arbeit ;).
Mein englisch ist leider sehr mies. Ich programmiere seit ca. 7 Jahren mit PHP & MySQL (Selbststudium). Jetzt habe ich angefangen Prototype und Scriptaculous mit einzubinden. Mit den Grundfunktionen klappts ganz gut - ich würde aber gern tiefer reingehen. Problemlösungen dauern manchmal, aufgrund fehlender Übersetzungen oder deutschen Büchern.
Vielleicht wäre das ja ein Anreiz, aus diesem Tutorial später ein ganzes Buch zu schreiben?
Hallo.
Ich wollt mich mal für deine wunderbaren Tutorials bedanken. Ich habe nun aber noch eine kleine Frage, was BlindDown und Up betrifft:
Wenn ich nun eine grafik habe, die sich dem Effekt entsprechend ändert (z.B. in einem Datenbaum ein + für öffnen und ein - für schließen):
Gibt es eine Möglichkeit, diese auf display:inline bzw none zu setzen, welche man eben grade braucht?
Oder muss ich per JS-Function den Wechsel der Sichtbarkeit und den Effect ansprechen?
Bin für jede Antwort dankbar.
