Sticky Side Panel - Kontaktformular zum Ausklappen

**Mario.Karstaedt** · 21.10.2013, 14:33

Guten Morgen!

Ein weiteres mal muss ich eure Hilfe in Anspruch nehmen.

Bei meinem neusten Projekt geht es um Ein schnuggliges kleines Gästehaus im Norden. Ich arbeite mit PageImages für die voll Flächigen BGs, aber das nur am Rande...
Ich würde gern folgendes realisieren, hab aber noch keinen Ansatz wie.

Hier ist das layout mit geschlossenem Kontaktformular (KF) sticky am rechten Rand : Kontaktformular-zu.jpg

onclick: soll das ganze KF "ausfahren"..

das ganze soll dann so aussehen : Kontaktformular-auf.jpg

any ideas?

thanks in advance
Mario

**Bas** · 21.10.2013, 14:43

Sowas hab ich letztens erst gemacht ... hier das MooTools-Script:

Code:

window.addEvent('domready', function() {
	if ($('kontaktslide')) {	
		var myFx = new Fx.Slide($('kontaktslide'), {
    		duration: 500,
   		transition: Fx.Transitions.Pow.easeIn
		}).hide();
		var trigger = $('kontaktbtn');
		trigger.addEvent('click', function(){
			myFx.toggle();
		});
	}

});

Die transition musst Du in Deinem Fall noch etwas anpassen .. (mein Kontaktformular erschien oben in der Seite und drückte den Content nach unten). Ich denke mit "slidein" sollte es funktionieren, siehe http://mootools.net/docs/more/Fx/Fx.Slide

Bei Fragen fragen.

Edit: Das Kontaktformular hatte ich übrigens als iframe integriert, damit beim Abschicken nicht die ganze Seite neu geladen wird, sondern nur das Kontaktformular. (Ich schick Dir den Link via PM)

**Mario.Karstaedt** · 21.10.2013, 16:13

na das probier ich doch mal!

thx mate

**Mario.Karstaedt** · 22.10.2013, 09:49

Also erstmal danke!

Das ist genau das was ich suche, jedoch führt das zum nächsten Problem...ich bekomms nicht hin!?!
Hab MooFxSlide installiert das Template hingehend verändert, aber es klappt nicht..ich brech mir gerade den Kopf

mfG
Mario