Diese Webseite verwendet Cookies, um die Bedienfreundlichkeit zu erhöhen. Weitere Informationen zum Datenschutz.
0 Punkte
Gefragt in General von

Ich möchte in unser Webportal Formulare einbinden ohne iFrames zu verwenden. Da ich ein selbstentwickeltes CMS benutze kann ich auch nicht auf die CMS-Integratoren zurückgreifen. Wie kann ich dies (evtl.) mit JavaScript umsetzen?

1 Antwort

0 Punkte
Beantwortet von

Das Formular kann zusätzlich noch über AJAX in das CMS eingebunden werden. HIer ein kleines Beispiel:

$(document).ready(function() {
        var myBase = 'http://meine.cms.domain/';                                        //Eigene URL
        var fcBase = 'http://pro.formcloud.de/formcycle';                               //URL zu FormCycle
        var myFormContainer = $('#form');                                               //Das Element in dem Das formular angezeigt werden soll

        var form = $.ajax({
                        type: "GET",
                        url: fcBase + '/form/provide/' + formId,
                        data:{
                            "xfc-rp-inline":true,                                       //Verwendete resourcen auflösen 
                            "xfc-rp-form-only":true,                                    //Formular ohne HTML, BODY etc. ausliefern
                            "xfc-pp-external":true,                                     //Externer Formularrequest
                            "xfc-rp-usejq":false,                                       //jQuery einbinden
                            "xfc-rp-keepalive":false,                                   //Ping zur Sessionverlängerung 
                            "xfc-rp-usecss":true,                                       //Use Formcycle CSS files
                            "xfc-rp-useui":true,                                        //jQueryUI einbinden
                            "xfc-pp-base-url":fcBase,                                   //URL zum FormCycle
                            "xfc-pp-success-url": myBase + "/anfrage-versendet.html",   //CMS Seite bei erfolg
                            "xfc-pp-error-url": myBase + "/anfrage-fehler.html"         //CMS Seite bei Fehler  
                        },
                        cache: false,
                        async: false,
                        success:function(html){ 
                            myFormContainer.html(html);
                        },
                        crossDomain: true
        });
    });
Impressum | Datenschutz
...