Question

我试图在弹出窗口中显示产品desc。这意味着当我点击产品链接时，会打开一个弹出窗口并显示产品说明。但这里出了点问题。每个产品链接显示第一个产品desc。我的代码是下面的。请帮帮我。

使用Javascript：

    <script language="JavaScript">
    function displayPopup(alert_MSG) 
    {
       var theDetail = document.getElementById('flyBox');
            theDetail.style.display="block";
    }

    function closePopup(alert_MSG)
    {

        var theDetail = document.getElementById('flyBox');

        if (theDetail.style.display=="block") 
        {
            theDetail.style.display="none";
        }
    }
    </script>

HTML：

                        <a href="javascript:displayPopup('flyBox')" title="View larger image" class="ui-icon ui-icon-zoomin">View larger</a>
                      <div id="flyBox" style="display:none;">
                      <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>

                    <td align="center">
                    <table border="0" cellspacing="0" cellpadding="0">
                    <tr>
                    <td class="borderWindow">
                    <div class="container">
                    <div id="closeButton"><a href="javascript:closePopup('flyBox')"><img src="http://i1122.photobucket.com/albums/l523/Long_Islander/flyBoxClose.png" width="28" height="28" alt="Close Button" border="0" /></a></div>
                    <div class="content">
                    <table width="600" border="0" cellspacing="20" cellpadding="0">
                    <tr>
                    <td>
                    <div id="myMessageBox" name="myMessageBox">
                    <table width="100%"  border="0" cellspacing="2" cellpadding="0">
                    <tr>
                    <td class="colheadingL"><font color="white">Description</font></td>
                    </tr>
                    <tr>

                            <td ><?php echo $img; ?></td>
                            <td>Book Name:</td>
                            <td ><?php echo $row['pname']; ?></td>
                            <td class="text1">MRP:</td>
                            <td><?php echo $row['price'];?> </td>


                    </tr>



                </table>
                </div>
                </td>
                </tr>
                </table>
                </div>
                </div>
                </td>
                </tr>
                </table>
                </td>
                </tr>
                </table>
                </div>

但弹出是打开点击超链接。但问题是在所有产品中只显示第1条记录

Answer 1

你的模板脚本中没有任何循环，这就是为什么你只看到一个vizualized的记录。

我不确切知道您的代码是如何在您发布的代码段之外进行组织的，但假设您的数据行位于$rows数组变量中，代码将类似于：

<? foreach($rows as $row) { ?>
<tr>
  <td ><?php echo $img; ?></td>
  <td>Book Name:</td>
  <td ><?php echo $row['pname']; ?></td>
  <td class="text1">MRP:</td>
  <td><?php echo $row['price'];?> </td>
</tr>
<? } ?>

Answer 2

尝试将每个DIV的ID设为唯一。

以下是示例代码，请根据您的要求尝试使用

<script language="JavaScript">
function displayPopup(id) 
{
   var theDetail = document.getElementById(id);
        theDetail.style.display="block";
}

function closePopup(id)
{

    var theDetail = document.getElementById(id);

    if (theDetail.style.display=="block") 
    {
        theDetail.style.display="none";
    }
}
</script>


<?php for($i=0;$i<4;$i++){?>
<div>
             <a href="javascript:displayPopup('flyBox_<?php echo $i;?>')" title="View larger image" class="ui-icon ui-icon-zoomin">View larger</a>
             <div id="flyBox_<?php echo $i;?>" style="display:none;">
                 <div id="closeButton"><a href="javascript:closePopup('flyBox_<?php echo $i;?>')"><img src="http://i1122.photobucket.com/albums/l523/Long_Islander/flyBoxClose.png" width="28" height="28" alt="Close Button" border="0" /></a></div>
                  <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td align="center">
                        <?php echo "Div ".$i. " Content comes here";?>
                    </td>
                </tr>
                </table>
            </div> 
</div>
<?php }?>

只显示sql查询的第一行

2 个答案: