Hallo zusammen,
das Framework MooTools bietet bekanntlich wunderschöne Lösungen. Ich würde gerne für ein Projekt das simple Sliden einsetzen, wie man es hier auf der Seite sehen kann:
http://demos.mootools.net/Fx.Slide
Download: Beispiel-Datei
http://demos.mootools.net/get/Fx.Slide
Leider habe ich es selbst nach mehreren Stunden nicht geschafft wie man es schafft, dass die Box beim Seitenaufruf versteckt ist und erst bein klicken auf "Toggle" herauskommt. Also genau der umgedrehte Fall, wie es hier dargestellt wird. Man könnte einfach beim Aufruf der Seite durch OnLoad die ID "Hide" aufrufen, nur wie geht das?
Da ich leider von JS sehr wenig verstehe, wäre ich für jede Hilfe dankbar. Die Lösung ist ja bereits vorhanden, nur wie ruft man diese Lösung beim Aufruf der Seite auf?
Danke für jede Hilfe:
Beste Grüße
LoiK
Dann schau in den JS Code, wie was ein Klick auf "hide" auruft, siehe: http://demos.mootools.net//demos/Fx.Slide/demo.js
Wie wäre es mit - JS lernen?Da ich leider von JS sehr wenig verstehe, wäre ich für jede Hilfe dankbar. Die Lösung ist ja bereits vorhanden, nur wie ruft man diese Lösung beim Aufruf der Seite auf?
“My software never has bugs. It just develops random features ...”
» DevShack - die Website des freien Webentwicklers Boris
Hallo Boris,
ich hab´s mir vorgenommen
Danke und beste Grüße
LoiK
glaub ich gerne. ich kenn mich mit JS n bissel aus, aber mit den mootools absolut nicht. da wird doch bittschön eine readme dabei sein? mit einer groben anleitung?
was du brauchst, ist quasi die anweisung, die der [slide out]-link enthält, in der body anweisung, in etwa:
wenn's nicht ganz so dolle sein muß, gibts sowas aber auch anderswo einfacher...HTML-Code:<body onload="ausblendanweisung()">
kopf hoch, es ist noch kein meister vom himmel gefallen!
blueGirl
So, hat ein wenig länger gebraucht, aber nun hab ich das Ergebnis selber rausbekommen. Intensives Google-Suchen von Personen, die das selbe Problem schon mal hatten sei Dank.
Einfach in die separate JS-Datei reinschreiben. Bei "'vertical_slide" handelt es sich um den Namen der ID.Code:var mySlide = new Fx.Slide('vertical_slide').hide(); $('toggle_vertical_slide').addEvent('click', function(e){ e = new Event(e); mySlide.toggle(); e.stop(); });
Beste Grüße
LoiK
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
LinkBack URL
About LinkBacks
Zitieren