ajaxロードを使用してコンテンツを取得する場合、コンテンツとコンテナの新しいタブを開く方法

Question

私はnavとcontent divを持つPHPページを持っています。ナビゲーションでオプションを選択すると、その中に別のPHPファイルをロードすることによってコンテンツが変更されます。これのために、私はロード関数でajaxを使用します。私の問題は、右クリックして新しいタブまたは新しいウィンドウで開くことを選択した場合、明らかにそのコンテンツだけがタブ内で開いていることです。

私は、各PHPファイルにページ全体（コンテナ+コンテンツ）を持ち、コンテンツdivだけを読み込むことができますが、これにはあまり意味がないと思います。

新しいタブのコンテンツに沿ってコンテナを取得する方法はありますか？

Answer 1

私はすでに同様の状況がありました。タブはページを持ち、メニューはトップページにありました。あなたはこのソリューション適用することができます：あなたはdivタグを使用している場合、このロジックは、IFRAMEで動作します

を、あなたはこのために調整することができます。

メインページのナビゲーションメニューで、ここであなたは、このようないくつかのロジックを適用が必要です。

をページをリロードするapllyコードのこの部分を必要とするコンテンツのページで

<script> 
     //Object to get values of URL (GET) 
     var request = { 
      get get() { 
       var vars = {}; 
       if (window.location.search.length !== 0) 
        window.location.search.replace(/[?&]+([^=&]+)=([^&]*)/gi, function (m, key, value) { 
         key = decodeURIComponent(key); 
         if (typeof vars[key] === "undefined") { 
          vars[key] = decodeURIComponent(value); 
         } 
         else { 
          vars[key] = [].concat(vars[key], decodeURIComponent(value)); 
         } 
        }); 
       return vars; 
      }, 
      getParam: function (param) { 
       var vars = request.get; 
       if (vars[param] != undefined) { 
        return vars[param]; 
       } else { 
        return null; 
       } 

      }, getParams: function() { 
       return request.get; 
      } 
     }; 
     //variable that defines if the client are in mainWindow 
     window.mainWindowFrame = true; 

     var tabName = request.getParam("tab"); 
     console.log("tabName",tabName); 


     //call some function to reload the content of iframe or div to requested tab. 
     //if(tabName != null || tabName != ""){ 
     //tabs.load(tabName) .... 
     //} 
    </script> 

メニューが存在しない場合：コンテンツとそのPHPファイル内

<script> 
     //name of this tab 
     var tabName = "someTab"; 
     //check if the menu are present here 
     if(window.top.mainWindowFrame == undefined){ 
      window.location.href = "mainpage.html?tab="+tabName; 
     } 
    </script>