新しいウィンドウで開きながら、nav-barを非表示にする

Question

私はdiv内に表を表示するWebページを作成しています。私はフルビューと呼ばれるボタンを持っています。そのボタンをクリックすると、そのdivだけが新しいウィンドウに表示されます。他のすべては隠されるべきです。 divとその内部の表のみを表示する必要があります。

<?php include("include-this/nav-bar.php"); ?> 

<div class="panel panel-default" id="dash_div"> 
     <div class="panel-heading"> 
      Final 
      <div id="contract_toolbar" name="contract_toolbar" class="btn-group pull-right"> 
       <button id="full_view" name="full_view" type="button" class="btn btn-info btn-sm" onclick="window.open('#dash_div', '_blank')"> 


Full View 
       </button> 
      </div> 
     </div> 
     <div class="panel-body"> 
      <table border="0" cellpadding="0" cellspacing="0" width="100%" id="table_dashboard" class="table table-striped table-bordered hide"> 
       <thead> 
        <tr> 
         <th></th> 
         <th>Total number</th> 
         <th>Total Value</th> 
        </tr> 
       </thead> 
       <tbody> 
       </tbody> 
      </table> 
     </div> 
    </div> 
    <script type="text/javascript" language="javascript"> 
    $(document).ready(function() { 

      var input_report = jQuery("#input_report").val(); 
      //var table_id = "#table_report_" + input_report; 
      alert(input_report); 
      jQuery("#table_dashboard").removeClass("hide").addClass("show"); 
      jQuery("#table_dashboard").DataTable({ 
       dom: "<'row'<'col-sm-12'Bftri>>" + "<'row'<'col-sm-4'l><'col-sm-8'p>>", 
       paging: false, 
       ajax: "db.php?report=" + input_report, 
      }); 
     }); 

私は最初の行にあるナビゲーションバーを含めました：これは私が新しいウィンドウで表示しようとした方法です。フルビューボタンをクリックすると、divがnav-barと共に新しいウィンドウに開きます。しかし、私はそれを望んでいません。私はdivだけを表示したい。私はそのnav-barを隠すために何をすべきか分かりません。 divが新しいウィンドウで開かれたときに誰かがそれを隠す方法を教えてもらえますか？

Answer 1

変更onclick="window.open('#dash_div', '_blank')" onclick="openWindow('#dash_div');"にし、あなたのJSにこの機能を追加します。

function openWindow(hash) { 
    var openedWindow = window.open(hash, '_blank'); 
    openedWindow.document.getElementsByClassName('panel-heading')[0].style.display='none'; 
}