Javascript 如何制作打印报告的打印按钮?

Javascript 如何制作打印报告的打印按钮?,javascript,php,Javascript,Php,我正在做一个项目,但我的问题是我不知道如何制作打印按钮来打印我的报告。报告在表格中。有人能帮我做这个吗?我的问题是如何添加打印按钮 这是我查看特定记录的代码 <?php include_once 'dbconfig.php'; $username = isset($_GET['username']) ? $_GET['username'] : ''; $password = isset($_GET['password']) ? $_GET['password'] :

我正在做一个项目,但我的问题是我不知道如何制作打印按钮来打印我的报告。报告在表格中。有人能帮我做这个吗?我的问题是如何添加打印按钮

这是我查看特定记录的代码

<?php
    include_once 'dbconfig.php';
    $username = isset($_GET['username']) ? $_GET['username'] : '';
    $password = isset($_GET['password']) ? $_GET['password'] : '';
    $province = isset($_GET['province']) ? $_GET['province'] : '';

    if(isset($_GET['user_id']))
    {
        $user_id = $_GET['user_id'];
        extract($crud->getID($user_id));
    }
?>

<body>
<div id="Survey-view">
    <div id="header">
    </div>

    <p><strong>INFORMATION</strong></p>
        <hr />
            <div id="main-frame">
                <table id="information-content" cellspacing="0">
                    <thead>
                        <tr>
                            <th>Username</th>
                            <th>Password</th>
                            <th>Province</th>
                        </tr>
                    <tbody>
                        <tr>
                            <td><?php echo $username; ?></td>
                            <td><?php echo $password; ?></td>
                            <td><?php echo $province; ?></td>
                        </tr>
                    </tbody>
                    </thead>
                </table>
            </div>
        <br />
    <br />
    <p><strong>ASP</strong></p>
        <hr />
            <div id="asp">
                <table id="asp-content" cellspacing="0">
                    <thead>
                        <tr>
                            <th>Date Survey</th>
                            <th>Date Submitted</th>
                            <th>Date Approved</th>
                            <th>Date Recv'd by Region</th>
                            <th>Date Recv'd by DARPO</th>
                        </tr>
                    <tbody>
                        <tr>
                            <td><?php echo $username; ?></td>
                            <td><?php echo $username; ?></td>
                            <td><?php echo $username; ?></td>
                            <td><?php echo $username; ?></td>
                            <td><?php echo $username; ?></td>
                        </tr>
                    </tbody>
                    </thead>
                </table>
            </div><!-- End of asp-->
        <br />
    <br />
    <p><strong>DENR/DARPO</strong></p>
        <hr />
            <div id="denrdarpo">
                <table id="denrdarpo-content" cellspacing="0">
                    <thead>
                        <tr>
                            <th>Date Survey</th>
                            <th>Date Submitted</th>
                            <th>Date Approved</th>
                            <th>Date Recv'd by Region</th>
                            <th>Date Recv'd by DARPO</th>
                        </tr>
                    <tbody>
                        <tr>
                            <td><?php echo $username; ?></td>
                            <td><?php echo $username; ?></td>
                            <td><?php echo $username; ?></td>
                            <td><?php echo $username; ?></td>
                            <td><?php echo $username; ?></td>
                        </tr>
                    </tbody>
                    </thead>
                </table>
            </div><!--End of denrdarpo-->
        <br />
    <br />
    <p><strong>OTHERS</strong></p>
    <hr />
    <div id="others">
        <table id="others-content" cellspacing="0">
            <tr>
                <td>Project Number</td>
                <td><input type="text" value="<?php echo $username; ?>" disabled></td>
                <td>Module Number</td>
                <td><input type="text" value="<?php echo $username; ?>" disabled></td>
            </tr>
            <tr>
                <td>Fund Year</td>
                <td><input type="text" value="<?php echo $username; ?>" disabled></td>
                <td>LAD Target</td>
                <td><input type="text" value="<?php echo $username; ?>" disabled></td>
            </tr>
            <tr>
                <td>Land Category</td>
                <td><select disabled>
                        <option><?php echo $username; ?></option>
                    </select></td>
                <td>LAnd Type</td>
                <td><select disabled>
                        <option><?php echo $username; ?></option>
                    </select></td>
            </tr>
            <tr>
                <td>Date Reported</td>
                <td><input type="text" value="<?php echo $username; ?>" disabled></td>
                <td>Date Suspended</td>
                <td><input type="text" value="<?php echo $username; ?>" disabled></td>
            </tr>
            <tr>
                <td>Date Completed</td>
                <td><input type="text" value="<?php echo $username; ?>" disabled></td>
                <td>Number of Lots</td>
                <td><input type="text" value="<?php echo $username; ?>" disabled></td>
            </tr>
            <tr>
                <td>Station</td>
                <td><input type="text" value="<?php echo $username; ?>" disabled></td>
                <td>Contractor</td>
                <td><input type="text" value="<?php echo $username; ?>" disabled></td>
            </tr>
            <tr>
                <td>Agency</td>
                <td><input type="text" value="<?php echo $username; ?>" disabled></td>
                <td>Cert 40</td>
                <td><input type="text" value="<?php echo $username; ?>" disabled></td>
            </tr>
        </table>
    </div>
</div>
</body>

信息


用户名 密码 省

ASP


日期调查 提交日期 批准日期 按地区记录的日期 DARPO收到的日期

DENR/DARPO


日期调查 提交日期 批准日期 按地区记录的日期 DARPO收到的日期

其他人


项目编号
每次我需要这样做的时候,我都会去我以前的Gmail帐户,打印一页,然后查看源代码,因为我太懒了,记不起这些函数

谷歌就是这样做的

<script type="text/javascript">// <![CDATA[
document.body.onload=function(){document.body.offsetHeight;window.print()};
// ]]></script>
//
你可以很容易地将它连接到一个按钮上,而不是在加载时进行

<button onclick="document.body.offsetHeight;window.print();">Print</button>
打印

这个按钮将从打印页上删除按钮:

<button onclick="this.style.display='none';document.body.offsetHeight;window.print();this.style.display='inline';">Print</button>
打印

每次我需要这样做时,我都会转到我以前的Gmail帐户,打印一页,然后查看源代码,因为我太懒了,记不起这些函数

谷歌就是这样做的

<script type="text/javascript">// <![CDATA[
document.body.onload=function(){document.body.offsetHeight;window.print()};
// ]]></script>
//
你可以很容易地将它连接到一个按钮上,而不是在加载时进行

<button onclick="document.body.offsetHeight;window.print();">Print</button>
打印

这个按钮将从打印页上删除按钮:

<button onclick="this.style.display='none';document.body.offsetHeight;window.print();this.style.display='inline';">Print</button>
打印


函数openWin()
{
var myWindow=window.open('','',宽度=200,高度=100');
myWindow.document.write(“这是‘myWindow’

”); myWindow.document.close(); myWindow.focus(); myWindow.print(); myWindow.close(); }

函数openWin()
{
var myWindow=window.open('','',宽度=200,高度=100');
myWindow.document.write(“这是‘myWindow’

”); myWindow.document.close(); myWindow.focus(); myWindow.print(); myWindow.close(); }

print client side或server side?我做什么--创建打印特定格式-重定向到该格式并使用js弹出打印拨号?我知道这个想法,但我不知道怎么做?你能帮我吗?到底是什么问题?pdo与打印页面有什么关系?打印客户端或服务器端?我做什么--创建打印特定格式-重定向到该页面,并使用js弹出打印拨号键。我知道这个想法,但我不知道怎么做?你能帮我吗?到底是什么问题?pdo与打印页面有什么关系?好的,我删除了下一票,因为它现在实际上正在打印某些内容,但他想打印当前页面,不是新的。@Sandepsure在你的答案中也许我知道它是如何工作的,但我应该把你的答案放在上面的代码中的什么地方?好的,我删除了否决票,因为它现在实际上正在打印一些东西,但他想打印当前页面,不是新的。@Sandepsure在你的答案中也许我知道它是如何工作的,但我应该把你的答案放在上面的代码中的什么地方?我无法打开你发布的示例。你能帮我编辑上面的代码并打印出来吗?请…@kier我不会为你做所有的工作。你所要做的就是复制我发布的按钮的代码,并将其添加到你的html中。这就是我所需要做的吗?我只需要复制你的代码,然后它就会立即打印出来。如果你通过点击该复选框选择我的答案并给我一个投票,为什么不@kieronly测试它呢。请参见,当您单击按钮时,此代码将检查您是否选择了此答案并对其进行了投票,如果选择了,则将打印页面@kieri无法打开你发布的示例..你能帮我打印上面的代码吗..请..@kier我不会为你做所有的工作。你所要做的就是复制我发布的按钮的代码,并将其添加到你的html中。这就是我所需要做的吗?我只需要复制你的代码,然后它就会立即打印出来。如果你通过点击该复选框选择我的答案并给我一个投票,为什么不@kieronly测试它呢。请参见,当您单击按钮时,此代码将检查您是否选择了此答案并对其进行了投票,如果选择了,则将打印页面@基尔