iframe不适用于多行

Question

我正在尝试自动化机构的门房流程。这包括一定的验证过程。

iframe仅适用于第一行，如何根据行选择为多行打开

php代码

<?php
while($row = mysqli_fetch_assoc($rows)) //Retriving the rows from the database
    {
    ?>
        <td><?php echo $app_id ?></td>
        <td><?php echo $first_name ?></td>
        <td><?php echo $last_name ?></td>
        <td><?php echo $email_id ?></td>
        <td><?php echo $mobile_number ?></td>
        <td><?php echo $dd_number ?></td>
        <td><?php echo $course_name ?></td>
        <?php
        if($dd_submit==1 && $ht_sent==0)
        {?>
        <td class="verified"><span>Verified</span></td>
        <?php }elseif($dd_submit==0 && $ht_sent==0){ ?>
        <td class="non_verified"><span>None Verified</span></td>
        <?php }else{ ?> <td class="Pending"><span>Hall Ticket Sent</span></td>
        <?php } ?>
    <!-- I think the problem is here the java script is not repeating -->
        <td><button id="dialog" name="verify"  value="<?php echo $row['app_id'] ?>" > <img src="images/success_tick.png"></button><img src="images/meassage_table.png"><img src="images/comment.png"></td>  
        </tr>
        <?php
    }
    ?>

     <div id="dialogContent" title="DD Verification for Vinay Draksharam">
     <iframe src='ddverification_page.php?app_id=<?php echo $app_id ?> '></iframe> 



     Java Script 
    <script>
    $(function () {
       $("#dialogContent").dialog({
         autoOpen: false,
         modal: true
       });

       $('#dialog').click(function () {
         $("#dialogContent").dialog( "open" );
     });
    });
   </script>

Answer 1

第一个问题 - 你有很多行，但你只创建了一个对话框。您可能必须将对话框创建放在循环内，以便为每一行分别设置对话框。您还需要一些方法来创建对话框和行之间的连接。最好的想法可能是使用$ app_id作为对话框的id。 我会做什么： PHP：

<?php
while($row = mysqli_fetch_assoc($rows)) //Retriving the rows from the database
    {
    ?>
        <td><?php echo $app_id ?></td>
        <td><?php echo $first_name ?></td>
        <td><?php echo $last_name ?></td>
        <td><?php echo $email_id ?></td>
        <td><?php echo $mobile_number ?></td>
        <td><?php echo $dd_number ?></td>
        <td><?php echo $course_name ?></td>
        <?php
        if($dd_submit==1 && $ht_sent==0)
        {?>
        <td class="verified"><span>Verified</span></td>
        <?php }elseif($dd_submit==0 && $ht_sent==0){ ?>
        <td class="non_verified"><span>None Verified</span></td>
        <?php }else{ ?> <td class="Pending"><span>Hall Ticket Sent</span></td>
        <?php } ?>
    <!-- I think the problem is here the java script is not repeating -->
        <td><button class="dialog" name="verify"  value="<?php echo $row['app_id'] ?>" >
<div class="dialogContent" id="dialogContent_<?php echo $app_id ?>" title="DD Verification for Vinay Draksharam">
     <iframe src='ddverification_page.php?app_id=<?php echo $app_id ?> '></iframe> </div>
<img src="images/success_tick.png"></button><img src="images/meassage_table.png"><img src="images/comment.png"></td>  
        </tr>
        <?php
    }
    ?>

和Javascript：

$(function () {
       $(".dialogContent").dialog({
         autoOpen: false,
         modal: true
       });

       $('.dialog').click(function () {
         $("#dialogContent_"+$(this).val()).dialog( "open" );
     });
    });