Page 1 of 1
Foundation 4 reveal en Formbuilder [Opgelost/Solved]
Posted: Fri Aug 02, 2013 6:04 pm
by 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
Re: Foundation 4 reveal en Formbuilder
Posted: Fri Aug 02, 2013 10:43 pm
by 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).
Re: Foundation 4 reveal en Formbuilder
Posted: Fri Aug 02, 2013 11:54 pm
by 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.
Re: Foundation 4 reveal en Formbuilder
Posted: Tue Aug 06, 2013 8:52 pm
by HarmO
Wilt me niet lukken,
ben dan ook geen crack in javascript.
Re: Foundation 4 reveal en Formbuilder
Posted: Wed Aug 07, 2013 9:29 am
by 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'.
Re: Foundation 4 reveal en Formbuilder
Posted: Wed Aug 07, 2013 11:47 am
by 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.
Re: Foundation 4 reveal en Formbuilder
Posted: Mon Sep 09, 2013 1:29 pm
by 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
Re: Foundation 4 reveal en Formbuilder
Posted: Mon Sep 09, 2013 1:48 pm
by 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.
Re: Foundation 4 reveal en Formbuilder
Posted: Fri Jan 17, 2014 2:44 pm
by 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 ...
Re: Foundation 4 reveal en Formbuilder
Posted: Fri Jan 17, 2014 2:53 pm
by 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.
Re: Foundation 4 reveal en Formbuilder
Posted: Fri Jan 17, 2014 3:16 pm
by 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!
Re: Foundation 4 reveal en Formbuilder [Opgelost/Solved]
Posted: Fri Nov 07, 2014 10:42 am
by HarmO