1

以下をcode.js含むファイルがあります。

DivDialogHTML = function(){
  var mainDiv = document.createElement("div");
  mainDiv.id = "optin_settings_dialog";
  mainDiv.className = "OptinDialog";
  mainDiv.innerHTML = "<div>Text</div>";
}

ポップアップをロードするコード（すべてがコードかどうかはわかりませんが、アイデアを得るために）：

DivDialogOverlayHTML = function(){
  var mainDiv = document.createElement("div");
  mainDiv.id = "optin_settings_overlay_dialog";
  mainDiv.className = "OptinDialog";
  return mainDiv;
}


renderOptinWindow = function(){
  var pageHead = document.getElementsByTagName("head")[0];
  var pageBody = document.getElementsByTagName("body")[0];
  if( pageHead && pageBody ){
    pageBody.appendChild( this.getDivDialogHTML() );
  }
}

を使用する代わりに、別のファイルを開きmainDiv.innerHTML = '<div>Text</div>'たい( )。 それ、どうやったら出来るの？mainDiv.innerHTMLDialog.html

4

3 に答える 3

2

Ajaxで。しかし、なぜjQueryを使用しないのですか？

$('.selector').load(url);

あなたの場合、最初にこのようにjQueryを挿入する必要があります

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

そして、既存の関数をこのように変更するよりも

DivDialogHTML = function(){
    var $mainDiv = jQuery("div");
    $mainDiv.attr('id', "optin_settings_dialog");
    $mainDiv.addClass("OptinDialog");
    /* $mainDiv.html("<div>Text</div>"); */
    $mainDiv.load('Dialog.html');
}
于 2012-12-18T14:56:10.993 に答える
0

別のウィンドウということですか？もしよろしければ、ご覧くださいwindow.open

window.open

新しいウィンドウを作成したら、その内容を入れて表示します

于 2012-12-18T14:38:04.633 に答える
0

jQueryを使用したくない場合は、 iframeを使用できます

HTML

<iframe id="optin_settings_dialog"></iframe>

Javascript

document.getElementById("optin_settings_dialog").src="Dialog.html";
于 2014-07-08T13:37:10.313 に答える