在bootstrap模式中传递不同的变量

时间:2016-08-05 10:37:38

标签: php bootstrap-modal

我从mysql db中获取了一些结果,其中每个结果都有链接,点击该链接时应该打开一个bootstrap模式。

因此,每次模态都应显示与所选结果相关的内容 我的问题是它只接受循环的第一个变量。

我的代码是:

<?php

  $id = 1;
  while($row = mysqli_fetch_array($result))
  {
    $title = $row['content_title'];
    $description = $row['content_description'];
    $content_url = $row['content_url'];
    $icon_url = $row['thumb_icon_url'];
    $id++;
    $_SESSION['result'][$id] = array('content_title' => $title, 'content_description' => $description, 'content_url' => $content_url, 'thumb_icon' => $icon_url);
    ?>
    <?php include 'templates/div_data.php'; ?>
  <?php
  }
}
?>

div_data.php

  <div class="col-md-3 photo-grid " style="float:left">
    <div class="well well-sm"  target="_blank">
      <figure>
        <img class="img" alt="PDF" src="<?php echo $icon_url; ?>" >
        <figcaption id="hide"> <p> <a data-toggle="modal" data-target="#myModal">Preview</a></p></figcaption>
      </figure>
      <a href="final.php?id=<?php echo $id; ?>&name=<?php echo $title; ?>" target="_blank">
        <h4><small><?php echo $title; ?></small></h4>
      </a>
      <br>
      <ul style="list-style: none;" class="container-fluid">
        <li class="col-md-4 col-xs-4 pull-left" id="hide"><a href="#" class="btn btn-x1" id="btnFilter" target="_blank" data-toggle="modal" data-target="#myModal">Preview</a></li>
        <li name="id" class="col-md-6 col-xs-6"><a href="final.php?id=<?php echo $id; ?>&name=<?php echo $title; ?>" class="btn btn-primary" id="btnFilter" target="_blank">  View Full Doc</a></li>
        <li class="col-md-2 col-xs-2"><i class="fa fa-eye" aria-hidden="true"> 100</i></li>
      </ul>
    </div>
  </div>
  <a data-toggle="modal" class="pull-right" data-target="#myModal"></a>
  <div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog modal-md">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Preview</h4>
        </div>
        <div class="modal-body">
          <form action="final.php?id=<?php echo $id; ?>&name=<?php echo $title; ?>"   class="form-horizontal" role="form" method="post">
            <div class="embed-responsive embed-responsive-16by9 col-md-8 col-sm-8 col-xs-8" >
              <iframe id="iframe" class="embed-responsive-item item"src="web/viewer.html?file=https://cors-anywhere.herokuapp.com/<?php echo $content_url; ?> &embedded=true#toolbar=0&navpanes=0&scrollbar=0" frameborder="0" ></iframe>
            </div>
            <h3 class="full col-md-3"><?php echo $title; ?></h3> 
            <hr>  <br>
            <p class="col-md-4">Description:</p>
            <p class="col-md-4"><?php echo $_SESSION['result'][$id]['content_description']; ?>
            </p>
            <p class="col-md-2">Shared by: Sarthak tuteja</p>
            <p class="col-md-2">Views:200000</p>
            <div class="col-md-4">
              <button type="submit" id="btnFilter" formtarget="_blank" class="btn btn-primary " >View Full Doc</button>
            </div>                    
          </form>
        </div>
      </div>
    </div>
  </div>  
</div>

0 个答案:

没有答案