使用html按钮和脚本打开新窗口

Open new window using html button and script

本文关键字：新窗口 窗口 html 按钮 脚本 使用      更新时间：2023-09-26

我创建了一个简单的休假申请系统。该系统将接收员工的休假申请，然后他们的部门主管将批准休假申请。之后，人力资源部门可以查看月休假，可以列出所选月份的所有员工休假。

我的问题出现在这一部分。当人力资源部查看月休假时，人力资源部希望通过点击按钮（查看详细信息）来查看休假详细信息，如我创建的图片所示，尽管我点击了第一行，但系统只会显示最后的详细信息。

查看月休假时的HR界面

这是我的代码。。。

                <tr><td> <?php echo $row['ID']; ?></td><td> <?php echo $row['staffname']; ?></td><td> <?php echo $row['noapply']; ?></td>
                <td><button onclick="myFunction()">View Details</button></td></tr>
                <script>
                function myFunction() {
                window.open("hrviewdatedetails.php?ID=<?php echo $row['LeaveID']; ?>", "_blank", "toolbar=yes, scrollbars=yes, resizable=yes, top=100, left=100, width=800, height=500");
                }
                </script>

在myFunction（LevId）中传递levae Id作为参数。并在页面底部编写javascript代码。

您的代码应该是这样的。

<tr><td> <?php echo $row['ID']; ?></td><td> <?php echo $row['staffname']; ?></td><td> <?php echo $row['noapply']; ?></td>
    <td><button onclick="myFunction(<?php echo $row['LeaveID']; ?>)">View Details</button></td></tr>
</tr>
<script>
    function myFunction(levID) {
        window.open("hrviewdatedetails.php?ID="+levID, "_blank", "toolbar=yes, scrollbars=yes, resizable=yes, top=100, left=100, width=800, height=500");
    }
</script>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
        <script language="javascript" type="text/javascript">
            $(document).ready(function () {
                $("#btnext").click(function () {                    
                    window.open("HTMLPage.htm", "PopupWindow", "width=600,height=600,scrollbars=yes,resizable=no");
                });
            });
</script>

您可以在函数中传递id。试试这个

            <td><button onclick="myFunction('<?php echo $row['ID']; ?>')">View Details</button></td></tr>
            <script>
            function myFunction(id) {
            window.open("hrviewdatedetails.php?ID="+id, "_blank", "toolbar=yes, scrollbars=yes, resizable=yes, top=100, left=100, width=800, height=500");
            }
            </script>
相关文章：