PHP JavaScript：弹出窗口答案

【问题标题】：PHP JavaScript: PopUp WindowPHP JavaScript：弹出窗口
【发布时间】：2014-05-09 05:37:47
【问题描述】：

我有一个回显按钮的表，当前此按钮将您带到“details.php”，其中 £booking_id 记录被接管到新的 php 脚本。这是我当前的代码：

echo '<td>a href="Details.php?id='.$row['booking_id'].'"><button>View Details</button></td>';

我想用这个按钮打开一个新的弹出窗口。我如何将两者合并在一起，所以当我单击按钮弹出窗口并获取“booking_id”记录时。我有java脚本代码：

<script type="text/javascript">
// Popup window code
function newPopup(url) {
    popupWindow = window.open(
        url,'popUpWindow','height=700,width=800,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes')
}
</script>
<a href="JavaScript:newPopup('Details.php);">View Details</a>

【问题讨论】：

标签： javascript php html web

【解决方案1】：

INDEX.PHP

<html>
<head><title>No Head</title></head>
<body>    
<?php    
$rows = array(
    0 => array('booking_id' => 1),
    1 => array('booking_id' => 2),
    2 => array('booking_id' => 3),
    3 => array('booking_id' => 4),
);    
echo '<table>';
foreach($rows as $row)
{
    echo "\n<tr><td>";
    echo '<a href="Details.php?id=' . $row['booking_id'] .'"';
    echo ' onclick="javascript:popup(this.href); return false;">';
    echo 'View Details';
    echo '</a>';
    echo "</td></tr>";
}
echo "\n</table>";
?>    
</body>
<script type="text/javascript">
function popup(url) {
    popupWindow = window.open( url, 'popUpWindow',
        "height=700,width=800,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes"
    )
}
</script>
</html>

DETAILS.PHP

<html>
<head></head>
<body>
Details for ID <?php echo $_GET['id']; ?>
</body>
</html>

【讨论】：

你还没有包含按钮，窗口的大小也需要我指定
脚本本身正在返回错误，如何将它与脚本放在一起，以便与每条记录一起回显。它显示按钮，当按下按钮时会显示弹出窗口
您认为正确的是我最初的回答。我的回答也提供了一个完整的例子。发现这也解决了你的问题：stackoverflow.com/questions/22616851/… :)

【解决方案2】：

echo '<td>';
echo '<input type="button" value="View Details" onclick="JavaScript:newPopup(\'Details.php?id='.$row['booking_id'].'\')" />';
echo '</td>';

【讨论】：