mschlegel
Erfahrenes Mitglied
Hello Everyone
Was JavaScript angeht, so bin ich darin nicht sonderlich bewandert. Aus diesem Grund habe ich mich jetzt mal mit jQuery beschäftigt und die ersten Animationen funktionieren auch.
Nur komme ich gerade nicht weiter. Ich habe ein <img> und möchte bei klick darauf eine Javascript-Funktion aufrufen...aber aus irgendeinem Grund (mit ziemlicher Sicherheit ein Fehler von mir ) will das nicht so wich ich.
Zum Test hatte ich dieses Code mit hartkodierten IDs zuerst einem in Document.Ready getestet und da hats funktioniert. Der Aufruf sieht folgendermaßen aus
Der Code ist natürlich noch nicht fertig, die divs werden dynamisch aus Datenbankdaten und JSP zusammengebastelt. Es geht jetzt erst einmal nur darum div 1 auszublenden und 2 rein. Wie ihr seht gebe ich der Funktion auch das # mit damit jQuery damit klarkommt.
Hoffe ihr könnt mr weiterhelfen...bin wohl einfach nur blind
Was JavaScript angeht, so bin ich darin nicht sonderlich bewandert. Aus diesem Grund habe ich mich jetzt mal mit jQuery beschäftigt und die ersten Animationen funktionieren auch.
Nur komme ich gerade nicht weiter. Ich habe ein <img> und möchte bei klick darauf eine Javascript-Funktion aufrufen...aber aus irgendeinem Grund (mit ziemlicher Sicherheit ein Fehler von mir ) will das nicht so wich ich.
Javascript:
function fadeDivOutIn(outId, inId){
$(outId).fadeOut('slow', function(){
$(inId).fadeIn('slow');
});
}
HTML:
<div id="startpage_race1">
Interlagos am 14.12.2008
<img src="" alt="previous" onclick="fadeDivOutIn('#startpage_race1', '#startpage_race0')">
<img src="" alt="next" onclick="fadeDivOutIn('#startpage_race1', '#startpage_race2)'">
</div>
Der Code ist natürlich noch nicht fertig, die divs werden dynamisch aus Datenbankdaten und JSP zusammengebastelt. Es geht jetzt erst einmal nur darum div 1 auszublenden und 2 rein. Wie ihr seht gebe ich der Funktion auch das # mit damit jQuery damit klarkommt.
Hoffe ihr könnt mr weiterhelfen...bin wohl einfach nur blind
Zuletzt bearbeitet: