0

既に存在するモーダル内にモーダル ie(janrain によって指定された javascript 関数) を統合しようとしています。私のサイトは MVC アーキテクチャで実行されています。私の画面には多くのタブがあり、tabs.htmファイル内のすべてのタブのすべての JavaScript 関数を記述しています。

タブをクリックすると、tabs.htm ファイルで javascript 関数が呼び出され、次に特定の html ファイルへの ajax 要求が行われ、クリックされたタブに html のすべてのコンテンツが表示されます。

タブで言うと、ボタンが1つあり、onclickイベントでtabs.htmファイルでjavascript関数を呼び出してから、特定のタブhtmlファイルからモーダルを呼び出して、タブにモーダルを表示しています。

次に、以下に示すjanrainによって提供されたモーダルを追加する必要があります。これも下にある他のモーダルの下にあります。

(function() {
    if (typeof window.janrain !== 'object') window.janrain = {};
    if (typeof window.janrain.settings !== 'object') window.janrain.settings = {};

    janrain.settings.tokenUrl = 'MY_URL';

    function isReady() { janrain.ready = true; };
    if (document.addEventListener) {
      document.addEventListener("DOMContentLoaded", isReady, false);
    } else {
      window.attachEvent('onload', isReady);
    }

    var e = document.createElement('script');
    e.type = 'text/javascript';
    e.id = 'janrainAuthWidget';

    if (document.location.protocol === 'https:') {
      e.src = 'https://rpxnow.com/js/lib/oauth/engage.js';
    } else {
      e.src = 'http://widget-cdn.rpxnow.com/js/lib/oauth/engage.js';
    }

    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(e, s);
})();

これは、A の htm ファイルのボタン クリック イベントで既に呼び出しているモーダルです。

<div id="basic-modal-content">
<table width="100px" cellpadding="5" style="border-collapse:collapse;">
<tr>
<td width="140px">
Name     
</td>     
<input type="text" id="txtUserName" name="txtUserName" class="glow" style="width:150px;">
</td>
</tr>
<tr>
<td width="140px">
E-Mail ID
</td>
<td>
<input type="text" id="txtEmailQuest" name="txtEmailQuest" class="glow" style="width:150px;">
</td>
</tr>                 
</table>
<div style="text-align:center">
<input id="ask" type="image" src="/templates/default/images/askQuestion.jpg"  onClick="ValidateFormHere()"/>
</div>

今、このフォームに JavaScript モーダルを追加したいと思います。javascriptモーダルをtabs.htmファイルに保持した場合、このモーダルが呼び出されたときにそれを呼び出すにはどうすればよいですか。上記で貼り付けたモーダルにjavascriptファイルを貼り付けても動作しません。私の質問が明確であることを願っています。

前もって感謝します。

4

1 に答える 1

0

ビニッシュ。次の 2 つのことを行います。

1 - https://rpxnow.com/relying_parties/your_rp_hereに移動し、[展開] > [Web にサインイン] に移動します。ウィジェット タイプを埋め込み (モーダルではない) に設定し、[保存して公開] をクリックします。

2 - ボタンを表示するフォームに、次のコード行を追加します。

<div id="janrainEngageEmbed"></div>

そのタブをロードする JavaScript が、実際にはウィジェットをロードしない可能性があります。その場合は、そのタブをロードする同じイベントで janrain.engage.signin.widget.init() 関数を呼び出します。ウィジェットをロードする必要があります。

于 2013-03-29T00:28:55.467 に答える