Javascript einbinden (Greensocks)

[slw]

Hallo Liebe Contao Community,

ich stehe mal wieder auf dem Schlauch :/

Ich möchte gerne kleiner Animationen in meine Site einbauen. Dazu verwende ich die Greensock JavaScript library (www.greensock.com).

Das JavaScript für die Animationen möchte ich nicht im Seitenlayout unter (Eigener JavaScript-Code) einbinden sondern am liebsten Extern.

Welche Möglichkeiten habe ich folgenden (Exemplarischen) Code sinnvoll und einzubinden?

Über einen Tipp würde ich mich sehr freuen


// JavaScript Document

<script language="JavaScript" type="text/javascript">
$(function() {

var d1 = document.getElementById("div1"),
d2 = document.getElementById("div2"),
d3 = document.getElementById("div3");


TweenLite.to( d1, 0.75, {css:{backgroundColor:"#0CF", color:"rgb(255,255,255)", marginLeft:"100px"}, delay:1});
TweenLite.to( d2, 2, {css:"background-color:rgb(255,0,0); font-size:12px; width:70%; color:#000", delay:2});
TweenLite.to( d3, 1, {css:{className:"class2"}, delay:4});


function completeHandler() {
console.log("done with sequence.");
}

});

</script>

[deltaprise]

Hi,

ich hab es bei mir vllt. ein bisschen umständlich gemacht aber es funktioniert.

hab meine Javascript in eine Datei gespeichert und moo_javascript.xhtml genannt und unter templates eingefügt. dann unter Themes ->Seitenlayouts -> deinLayout (bearbeiten) -> unter Skript-Einstellungen (ziemlich weit unten) meine Datei, moo_javascript.xhtml, "aktiviert".

Gruß
Dominik