Foundation 4 reveal en Formbuilder [Opgelost/Solved]

[HarmO]

Ben een zware Foundation 4 gebruiker en combineer dit uiteraard met CMS Made Simple.

In de meeste gevallen gaat die integratie vloeiend.
Maar nu wil ik een formulier plaatsen in de "reveal" functie van foundation 4
http://foundation.zurb.com/docs/components/reveal.html

Wat me echter niet lukt is om de bevestiging/foutmelding in een nieuwe "reveal" kader te laten verschijnen.

Iemand ervaring mee of die weet hoe ik dit het best aanpak?

CMSMS 1.11.7
FormBuilder 0.7.3
Foundation 4.3.1 http://foundation.zurb.com

[velden]

Heel toevallig is er vandaag een gast blog online gekomen waar je mogelijk iets aan hebt:

https://www.cmscanbesimple.org/blog/for ... modal-view

Ik ken verder Foundation en Reveal niet, maar ik kan me voorstellen dat deze blog je een idee geeft dát het mogelijk moet zijn en waar je op moet letten (bijvoorbeeld de inline optie van het form).

[HarmO]

Yep, ik denk dat ik hiermee toch een heel eind geraak!

ook de showtemplate=false optie kende ik niet.
(weer iets bijgeleerd)

Alvast bedankt,

ik ga aan de slag.

[HarmO]

Wilt me niet lukken,

ben dan ook geen crack in javascript.

[velden]

Je melding is een tikkeltje vaag; heb je wellicht een link van een pagina waar we kunnen kijken wat je hebt geprobeerd.

In essentie gaat het om deze code:

Code: Select all

$('form.cms_form').on( "submit", function( event ) {
    event.preventDefault();
    var posturl = $(this).attr("action") + "?showtemplate=false";  
    var postdata = $(this).serialize();

    $.post(posturl,postdata,function(data) {
      $("#jouwpopupdivofzo").html(data);
     } );
 } ); 

#jouwpopupdivofzo zou je dan moeten vervangen voor een idee of class van jouw popup waarin je het resultaat wilt tonen.
Mocht het zo zijn dat het form zelf nog niet in een popup getoond wordt, dan moet je inderdaad zorgen voor wat extra acties om die popup ook nog 'omhoog te schieten'.

[velden]

Als je trouwens enkel de bevestiging, danwel de foutmelding wilt laten zien, zal het wat meer voeten in aarde hebben.

Want bij een foutmelding wordt namelijk standaard ook altijd weer het formulier zelf getoond.

Als je dat niet wilt moet je waarschijnlijk het Form template zo aanpassen dat enkel de foutmelding verschijnt. Uitgangspunt is dan dat het formulier zelf nog op je Foundation pagina staat (immers niet ververst).

Denk wel dat het mogelijk is.

[HarmO]

ok, ben terug van even weg geweest,

heb snel een vb in elkaar gestoken:

//Link removed

als je op de grote blauwe knop klikt, komt er een soort van lightbox (bij foundation heet dat een reveal functie) met een formulier in, ik wil als men op de verzend knop klikt dat in dezelfde of in een nieuwe reveal pop-up tevoorschijn komt.

ik kan je login en pass door zenden via PM als je wilt.

PS: mails komen mogelijk niet to omdat mailsettings niet ingesteld zijn

[velden]

Denk niet dat op die voorbeeld pagina al geprobeerd is om het form te laten werken met Ajax.

Verder zie ik dat er geen jQuery maar Zepto wordt gebruikt.

Wat jij wilt zal waarschijnlijk goed mogelijk zijn en de link die ik eerder postte kan je daar absoluut bij helpen.

[HarmO]

Gelukt!

bedankt Velden dit is inderdaad de juiste methode.

ik heb de code wel onderaan de pagina geplakt bij de rest van de Foundation code.

live voorbeeld

Wat wel is, als er een error is, en je verbeterd het, dan gaat het de keer erop wel naar een andere pagina ...

[velden]

Maar o.a. daarom was 'mijn' code ook veel uitgebreider.

Je moet er voor zorgen dat elke keer als je een form terug krijgt (dus ook na een submit) het 'on submit' (opnieuw) gezet wordt. Je krijgt namelijk een compleet nieuw form terug wat betreft de browser.

[HarmO]

Ok, ik snap het,

je hebt een functie gemaakt die loopt na elke submit
en die wordt ook nog eens geladen on load.

Hoelanger ik er mee bezig ben, hoe meer ik er van snap.

Bedankt!

[HarmO]

heb er een postje van gemaakt op mijn blog

http://rezium.eu/blog/cmsms-formbuilder ... tion-modal