Hallo Zusammen,
ich bräucht mal ne Idee für die Umsetzung eines Kontaktformulars in einer modalen Box.
Hintergrund:
In der Detailansicht der Produkte möchte mein Kunde gerne 2 weitere Buttons/Links haben die einmal ein Formular für das “Anfordern eines Angebots” und zum anderen ein Formular zum “Muster anfordern” öffnen.
Ich hab soweit entsprechende Formulare angelegt, also eigenen view eigene tpls.
Wenn ich diese Formulare normal als Link und neue Seite aufrufe funktioniert alles!
Ich möchte diese Formulare aber gerne in einer modalen Box öffnen und steh grad auf’m Schlauch.
Ich hab mal versucht das Formular als verstecktes Element direkt auf die Seite zu laden und per
[{oxscript add="$('#triggerElement').oxModalPopup({target:'#verstecktesElement',modal:false});"}]
zu öffnen, aber das leitet mich immer zur Startseite um.
Hat jemand sowas evtl. schon mal umgesetzt und könnte mir den entscheidenden Hinweis geben?
Vielen Dank schon mal
[{oxscript add="$( '#MEINLINK' ).oxModalPopup({ target: '#HIDE_E',width:'500px'});"}]
Link:
<a id='MEINLINK' href='#' >LINK</a>
Formular:
<div id="HIDE_E" class="popupBox corners FXgradGreyLight glowShadow">
<img src="[{$oViewConf->getImageUrl('x.png')}]" alt="" class="closePop" />
DEIN FORMULAR ODER TEMPLATE
</div>
und gegebenenfalls noch folgendes einfügen:
[{oxscript include="js/widgets/oxmodalpopup.js" priority=10 }]
So sollte es eigentlich funktionieren.
Hallo novalgin,
erstmal vielen Dank für deine Antwort.
Grundsätzlich habe ich das genau so gemacht und wenn ich kein Formular einlade kann ich auch ein Modales Fenster aufrufen.
Mein hauptsächliches Problem ist es das Formular als hiddenElement überhaupt in einem Template unterzubringen.
Ich habe es ausprobiert indem ich z.B. das page/info/contact.tpl in der base.tpl included habe
[{include file="page/info/contact.tpl"}]
so dass es am Ende der Seite aufgebaut wird.
Wenn ich das mit normalem Inhalt mache, also nur HTML-Code in der contact.tpl steht, läuft auch alles wie gewünscht.
Da aber der Aufruf der Kontaktformulare normalerweise über den Aufruf der Klasse
[{ oxgetseourl ident=$oViewConf->getSslSelfLink()|cat:"[B]cl=contact[/B]"}]
läuft und in dieser Klasse das Template geladen wird, funktioniert das nicht.
Das Formular versucht z.B. am Anfang auf die methode: value=$oView->getUserData()
zuzugreifen, die natürlich in dem Moment noch nicht zur Verfügung steht.
Wahrscheinlich hatte ich mich nicht klar genug ausgedrückt.
Aber vielleicht ist mein Problem jetzt klarer geworden.
Vielleicht gibt es ja noch etwas was ich übersehen habe.