JavaScriptをjqueryに転送しないでください

Question

私はfacebook type multiply chat boxを表示するスクリプトを収集します。このJavaScriptコードでは、Iframeを使用してチャットページを読み込みました。しかし、今はiframeを避けたいと思っています。私はJavaScriptに関する十分な知識がありません。

このスクリプトではJavaScriptを使用してチャットページを読み込む方法はありません。または私はjqueryでこのスクリプトを転送する場合、私の問題は下記の場所にありますか？

はJavaScript：jQueryのようしようとしました

function register_popup(id, name, cmd, pmd) 
     { 
      for(var iii = 0; iii < popups.length; iii++) 
      { 
       //already registered. Bring it to front. 
       if(id == popups[iii]) 
       { 
        Array.remove(popups, iii); 
        popups.unshift(id); 
        calculate_popups(); 
        return; 
       } 
      } 
     var element = '<div class="popup-box chat-popup cy'+id+'" id="'+ id +'">'; 
     //if avoid iframe how to load chat page 
     element = element + '<div class="popup-messages"><iframe src="../chat.php?u='+ cmd +'" frameborder="0" id="iFrame1" name="CmainFrame" width="100%" height="249" style="overflow:hidden" class="if'+ cmd +'"></div></div>'; 
     document.getElementsByTagName("body")[0].innerHTML = document.getElementsByTagName("body")[0].innerHTML + element; 
      popups.unshift(id); 
      calculate_popups(); 
     } 

function calculate_popups() 
     { 
      var width = window.innerWidth; 
      if(width < 540) 
      { 
       total_popups = 0; 
      } 
      else 
      { 
       width = width - 200; 
       //320 is width of a single popup box 
       total_popups = parseInt(width/320); 
      } 
      display_popups(); 
     } 

function display_popups() 
     { 
      var right = 220; 
      var iii = 0; 
      for(iii; iii < total_popups; iii++) 
      { 
       if(popups[iii] != undefined) 
       { 
        var element = document.getElementById(popups[iii]); 
        element.style.right = right + "px"; 
        right = right + 320; 
        element.style.display = "block"; 
       } 
      } 
      for(var jjj = iii; jjj < popups.length; jjj++) 
      { 
       var element = document.getElementById(popups[jjj]); 
       element.style.display = "none"; 
      } 
     } 
     //recalculate when window is loaded and also when window is resized. 
     window.addEventListener("resize", calculate_popups); 
     window.addEventListener("load", calculate_popups); 

//this function can remove a array element. 
Array.remove = function(array, from, to) { 
      var rest = array.slice((to || from) + 1 || array.length); 
      array.length = from < 0 ? array.length + from : from; 
      return array.push.apply(array, rest); 
}; 

：

function register_popup(id, name, cmd, pmd) 
     { 
      for(var iii = 0; iii < popups.length; iii++) 
      { 
       //already registered. Bring it to front. 
       if(id == popups[iii]) 
       { 
        Array.remove(popups, iii); 
        popups.unshift(id); 
        calculate_popups(); //alert(popups(id)); 
        return; 
       } 
      } 
     $("<div></div>").attr('id',id).append('<div class="popup-box chat-popup cy'+id+'" id="'+ id +'"><div class="popup-messages"><div id="iFrame1" name="CmainFrame" width="100%" height="249" style="overflow:hidden" class="if'+ cmd +'"><object type="text/html" data="../chat.php?u='+ cmd +'"></div></div></div>'); 
      popups.unshift(id); 
      calculate_popups(); 
     } 

function display_popups() 
     { 
      var right = 220; 
      var iii = 0; 
      for(iii; iii < total_popups; iii++) 
      { 
       if(popups[iii] != undefined) 
       { 
        right = 220 + 320; 
        $("#"+popups[iii]).css({"display": "block", "right": "right"}).show(); 
       } 
      } 
      for(var jjj = iii; jjj < popups.length; jjj++) 
      { 
       $("#"+popups[jjj]).css("display", "none"); 
      } 
     } 
//others function remain same 

Answer 1

私は密接にあなたのコードを解析しませんでしたが、私はこの気づかなかった：私はしません

$("<div></div>").attr('id',id).append('<div class="popup-box chat-popup cy'+id+'" id="'+ id +'"><div class="popup-messages"><div id="iFrame1" name="CmainFrame" width="100%" height="249" style="overflow:hidden" class="if'+ cmd +'"><object type="text/html" data="../Cchat.php?u='+ cmd +'"></div></div></div>'); 

をあなたが何を知っているのですかと思っていますが、それはdivを作成することですそれはイドであり、いくつかの子供を与えてから、すべてのものを捨てる。どこかに挿入したかったですか？

編集：例えば

、あなたが書くことができる：

$("body").append('<div class="popup-box chat-popup cy'+id+'"... 

（体を見つけて、その下部に新しいdivの中に挿入してください。）

または

$("#" + id).append('<div class="popup-box chat-popup cy'+id+'"... 

（指定されたIDを持つ既存のdivを見つけて追加する彼はそれに新しいdiv。