Question

我正在创建一个网页，我将在div中显示一个表格。我有一个叫全视图的按钮。单击该按钮时，只应在新窗口中显示该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将在新窗口中与导航栏一起打开。但是，我不希望这样。我想只显示div。我不知道该怎么做才能隐藏那个导航栏。有人能告诉我如何在新窗口中打开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';
}

在新窗口中打开时隐藏导航栏

1 个答案: