• twitter image
  • facebook image
  • youtube image
  • linkedin image
Language: CMS Made Simple Czech CMS Made Simple France CMS Made Simple Spain CMS Made Simple Hungary CMS Made Simple Russia CMS Made Simple Netherlands

All times are UTC




Post new topic Reply to topic  [ 1 post ] 
Author Message
 Post subject: Form in Fancybox öffnen
PostPosted: Mon Mar 10, 2014 4:32 pm 
Offline
Forum Members
Forum Members

Joined: Tue Feb 04, 2014 10:34 am
Posts: 11
Meine erfolgreiche Art, eine Form dem User mit Fancybox anzuzeigen (bei der zum Beispiel auch Captcha beim ersten Mal validiert, ist nach folgende:

Kreiere eine Seite mit Minimal Template, nenne sie z. B. AjaxForm.html.
Im Content wird die Form aufgerufen: {FormBuilder form='AjaxForm'}.

Auf der Seite, auf der der User deine Form präsentiert bekommen soll, muß Jquery und Fancybox eingebunden sein - ich verwende hier Fancybox 1.34, kann man aber auch leicht auf Fancybox 2.x übertragen.
Die Form wird über diesen Link aufgerufen:
<a href="#kontakt_form" class="kontakt">Aufrufen!</a>

Dann noch das zugehörige Java-script:

Code:
<__script__ type="text/javascript">

$(document).ready(function() {
$(".kontakt").fancybox({
'href': 'AjaxForm.html?SHOWTEMPLATE=false',
'onComplete' :function(){
$("#fancybox-content form").on("submit", holen);},
//Dein Fancybox-Styling
'speedIn': 300,
 'speedOut': 300
 });
function holen( event ){
event.preventDefault();
event.stopPropagation();
$.fancybox.showActivity();
   $.ajax({
      type      : "POST",
      cache   : false,
      url      : 'AjaxForm.html?SHOWTEMPLATE=false',
      data      : $(this).serializeArray(),
      success: function(data) {
$.fancybox.hideActivity();
$("#fancybox-content form").replaceWith(data);
$(".cms_form").on("submit", holen);
}
});
}
});
</__script>


Viel Spass damit!


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 1 post ] 

All times are UTC


Who is online

Users browsing this forum: No registered users


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
A2 Hosting