Frage

Ich habe versucht, dies jetzt im Alter zur Arbeit zu kommen, versuchte jede Menge SO Frage / Antworten, aber nicht sehr weit Geting.

Ich glaube, ich 2 Fragen ursprünglich hatte, eine, die hoffentlich habe ich gelöst.

Ich habe mit JotForm (die einfache Form Schöpfer, dass Anwendungen Prototyp). Was ich habe, ist ein Menü, facebook Stils ( AjaxFlagMenu ), die das zieht ein verticle Ajax-Stil-Menü erstellt in hTML-Schnipsel aus externen Dateien (was in meinem Fall alle eine Jotform Form drin hat).

Im Moment an der Spitze der ‚Haupt‘ Seite, die das Menü enthält, die ich habe:

<script src="http://cdn.jquerytools.org/1.2.5/jquery.tools.min.js"></script>
<script type="text/javascript" src="/js/jquery.corner.js"></script>
<script type="text/javascript" src="/js/jquery.flagmenu.js"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function($){
    var Menu = $("#_Menu").AjaxFlagMenu({
    Caption:'Manage Profile',
    CaptionClass:'CaptionClass',
    onOutClass:'onOutClass',
    onOverClass:'onOverClass',
    onClickClass:'onClickClass',
    hscOutClass:'hscOutClass',
    hscClickClass:'hscClickClass',
    Loading_gif:'/images/loading.gif',
    ajaxContent:'ajaxContent'
    });
    //Basic
    Menu.add({
        Title:'Basic Info',
        onOutIcon:'/images/icon-vcard-c.png',
        onClickIcon:'/images/icon-vcard-d.png',
        HtmlSatusContent:'',
        url:'/instructor/pages/mp-basic.php',
        data:''
    });
    //Profile Picture
    Menu.add({
        Title:'Profile Picture',
        onOutIcon:'/images/icon-camera-c.png',
        onClickIcon:'/images/icon-camera-d.png',
        HtmlSatusContent:'',
        url:'/instructor/pages/mp-photo.php',
        data:''
    });
    //Pricing and Offers
    Menu.add({
        Title:'Pricing and Offers',
        onOutIcon:'/images/icon-pound-c.png',
        onClickIcon:'/images/icon-pound-d.png',
        HtmlSatusContent:'',
        url:'/instructor/pages/mp-pricing.php',
        data:''
    });
    //Services
    Menu.add({
        Title:'Services',
        onOutIcon:'/images/icon-services-c.png',
        onClickIcon:'/images/icon-services-d.png',
        HtmlSatusContent:'',
        url:'/instructor/pages/mp-services.php',
        data:''
    });
    //Bio and Additional
    Menu.add({
        Title:'Bio and Additional',
        onOutIcon:'/images/icon-bio-c.png',
        onClickIcon:'/images/icon-bio-d.png',
        HtmlSatusContent:'',
        url:'/instructor/pages/mp-bio.php',
        data:''
    });
    $("#_td").corner("4px");
});
</script>
<script src="/js/jotform/prototype.js?v=3.1.92" type="text/javascript"></script>
<script src="/js/jotform/protoplus.js?v=3.1.92" type="text/javascript"></script>
<script src="/js/jotform/protoplus-ui.js?v=3.1.92" type="text/javascript"></script>
<script src="/js/jotform/jotform.js?v=3.1.92" type="text/javascript"></script>
<script src="/js/jotform/calendarview.js?v=3.1.92" type="text/javascript"></script>

Was ich dann tun muß, ist, wenn der Menüpunkt angeklickt wird und lädt den HTML von der anderen Seite, ich brauche JotForm.init(); ausführen, um die JotForm Validierungsfunktionen zu ermöglichen. Allerdings scheine ich nicht einmal zu alert("Hello World"); zur Arbeit auf der Seite in der Lage sein, die in genannt wird.

Jede mögliche Hilfe würde groß sein! Vielen Dank!

War es hilfreich?

Lösung

In den AjaxFlagMenu.js, an der Linie wird die Ajax ausgeführt:

//Ajax
var _XMLHTTPRequest = $.ajax({type: "GET",url:_url,data:_data });

Versuchen Sie, dataType: "html" wie folgt aus:

//Ajax
var _XMLHTTPRequest = $.ajax({type: "GET",url:_url,data:_data,dataType: "html" });

Diese wil das Javascript bewerten Sie über AJAX laden.

In Kürze erhalten Sie weitere Informationen finden Sie hier: http://api.jquery.com/jQuery. ajax / # Optionen


SPÄTER EDIT

Das Problem ist, dass der AjaxFlagMenu nicht das Javascript von der Ajax-Antwort bewerten!

Andere Tipps

Mit dem JotForm Iframe-Code statt. Hier ist, wie Sie es bekommen kann. Öffnen Sie das Formular auf der JotForm Form Builder:

  1. Öffnen "Setup & Teile" Vorsprung auf Symbolleiste
  2. Klicken Sie auf "Teilen Form"
  3. Klicken Sie auf "Erweiterte Optionen"
  4. Klicken Sie auf „iFrame-Code“ und kopieren Sie den Formular-Code auf Ihrer Website.
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top