2010-12-14 4 views
0

私はこれを今の年齢になるようにしようとしていますが、SOの質問/回答の負荷を試してみましたが、AJAXファイルからJavascriptを実行しています

私はもともと2つの問題があったと思いますが、うまくいけば解決しました。

私はJotForm(プロトタイプを使用する簡単なフォーム作成者)を使用しています。私が持っているのは、外部ファイル(私の場合はすべてそこにJotformフォームを持っている)からhtmlスニペットを引き出すverticle ajaxスタイルメニューを作成するfacebookスタイルメニュー(AjaxFlagMenu)です。

メニューが含まれている「メイン」のページの上部にある瞬間、私が持っている:メニュー項目がクリックされたからとHTMLをロードしたとき

<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> 

私はその後、実行する必要があり何、です他のページでは、私はJotForm.init();を実行して、JotForm検証関数を有効にする必要があります。しかし、私はalert("Hello World");が呼び出されたページで動作するようにもできないようです。

何か助けが素晴らしいでしょう!ありがとうございました! AjaxFlagMenu.jsで

答えて

1

、AJAXが実行された行でこのようなdataType: "html"を追加

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

試してみてください。

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

このウィルは、あなたがAJAXを介して負荷javascriptの評価します。

あなたはここでより多くの情報を見つけるでしょう:http://api.jquery.com/jQuery.ajax/#options


LATER EDIT

問題はAjaxFlagMenuはAjaxのレスポンスからJavaScriptを評価しないということです!

+0

ありがとうございました!何も変えていないが、正しい方向に歩いているかのように見える。外部のhtmlファイルのスクリプトは '$(document).ready(function()'にあるべきですか、それとも ''タグの内部にあるべきですか? – lethalMango

+0

とそれが明らかになっているかどうかを確認する... ajaxの上にロードされているhtmlスニペットはどういう意味ですか?私は主にjavascriptに興味があります... – Catalin

+0

現時点ではしかし、現時点では現れていません。文字通り' JotForm.init(); 'を呼び出すだけです。しかし、それはまた、外部ファイル自体にJotForm jsファイルを含める必要があることを意味しますか?それとも、HTMLがロードされるメイン 'メニュー'ページにそれらを含めることができますか? – lethalMango

0

代わりにJotForm Iframeコードを使用してください。ここにあなたがそれを得る方法があります。 JotFormフォームビルダでフォームを開きます。ツールバーの

  1. を開き、「セットアップ&共有」タブ、
  2. 「シェアフォーム」
  3. をクリックしたiFrame「の「詳細オプション」
  4. クリックをクリックコード "を入力し、フォームコードをサイトにコピーします。
+0

私が見る限り、フォームを投稿する場所は選択できません。また、JotFormサーバーを使用してオンラインになっています。彼らが落ちると、私たちのサイトの大部分も行きます。 – lethalMango

関連する問題