如何将mysql数据放入弹出窗口?

Posted

技术标签:

【中文标题】如何将mysql数据放入弹出窗口?【英文标题】:How to put mysql data into popup window? 【发布时间】:2013-07-04 08:42:47 【问题描述】:

我有一个带有图像的网页,当用户单击任何图像时,它必须从 mysql 数据库中获取该特定图像的数据。我正在做的是使用一个简单的 javascript 弹出窗口并从数据库中放入数据。但是,我只是从所有图像的数据库中获取第一项。

这是代码:

$files = glob("admin/images/paintings/*.*"); 
    echo '<div id="painting"><table border="0" style="width:590px;">';
    $colCnt=0;
    $i = 0;
    while($row = mysql_fetch_array($result))
    
        if ($colCnt%4==0)
      echo '<tr>';
      echo '<td  style="font-size:8.5px; font-family:arial">';
        echo($i);
      $num = $files[$i];
      echo '<a href="#openModal"><img id="indPainting" src="'.$num.'" align="absmiddle" /></a> <br> <div id="paintingName">';
      print $row['name'];

      echo '<div id="openModal" class="modalWindow">
        <div>

                <p>This is a sample modal window that can be created using CSS3 and html5.'.$row['name'].'</p>
                <a href="#ok" title="Ok" class="ok">Ok</a>
        </div>
    </div>';
      echo '</td>';
        $colCnt++;
      if ($colCnt==4)
        
        echo '</tr>';
        $colCnt=0;
        
        $i++;

    
    mysql_close($con);
    include 'footer.php'; 
    ?>

$row['name'] 只是在 while 循环中给出名字。我无法为其他图像获取其他名称。如何才能做到这一点。任何帮助将不胜感激。

【问题讨论】:

请粘贴您的完整代码,需要查看您的查询,也作为建议尝试摆脱 mysql 在 php 中获取结果的方式,尝试使用 PDO/mysqli 剩下的代码只是数据库连接。我对网络编程很陌生。所以只是做一个基本的网站。 $result = mysql_query("SELECT * FROM table_name ORDER BY name"); mysql查询的代码在哪里,例如SELECT 语句 $result = mysql_query("SELECT * FROM table_name ORDER BY name"); 【参考方案1】:

您的一次迭代是否会获取单个图像数据?根据您的代码,我可以理解的是您连续显示 4 张图像。

你能不能把你的代码格式化一下..它看起来太丑了。

我需要知道哪个语句正在调用您的模态窗口。

<?php
$files = glob("admin/images/paintings/*.*"); 

echo '<div id="painting"><table border="0" style="width:590px;">';

$colCnt=0;
$i = 0;

echo '<tr>';

while($row = mysql_fetch_array($result))


    $num = $files[$i];

    echo '<td  style="font-size:8.5px; font-family:arial">';

    echo '<a href="#openModal"><img id="indPainting" src="'.$num.'" align="absmiddle" /></a> <br> 

    <div id="paintingName">';

    print $row['name'];

    echo '<div id="openModal" class="modalWindow"><div><p>This is a sample modal window that can be created using CSS3 and HTML5.'.$row['name'].'</p><a href="#ok" title="Ok" class="ok">Ok</a></div>

    </div></td>';

    $colCnt++;

    if ($colCnt % 4 == 0)
    
        echo '</tr>';
        $colCnt=0;
    
    $i++;


mysql_close($con);
include 'footer.php'; 
?>

试试这个。 如果格式正确,还可以查看代码看起来多么漂亮..

【讨论】:

echo ' ';这是调用模态窗口 【参考方案2】:

试试这个

     <?php
 $files = glob("admin/images/paintings/*.*"); 
echo '<div id="painting"><table border="0" style="width:590px;">';
$colCnt=4;

while($row = mysql_fetch_array($result))

   for ($i = 0; $i < $colCnt; $i++)  
  echo '<tr>';
  echo '<td  style="font-size:8.5px; font-family:arial">';
    echo($i);
  $num = $files[$i];
  echo '<a href="#openModal"><img id="indPainting" src="'.$num.'" align="absmiddle" /></a> <br> <div id="paintingName">';
  print $row['name'];

  echo '<div id="openModal" class="modalWindow">
    <div>

            <p>This is a sample modal window that can be created using CSS3 and HTML5.'.$row['name'].'</p>
            <a href="#ok" title="Ok" class="ok">Ok</a>
    </div>
</div>';
  echo '</td>';



     if ($colCnt==4)
    
    echo '</tr>';
    $colCnt=0;
    

mysql_close($con);
include 'footer.php'; 


 ?>

【讨论】:

以上是关于如何将mysql数据放入弹出窗口?的主要内容,如果未能解决你的问题,请参考以下文章

将弹出窗口放入 td

用jquery代码如何实现当我点击“查看”按钮时,在弹出窗口或弹出页面,显示数据库的详细数据

使 Handsontable 自动完成弹出窗口比列更宽

将数据从数据库加载到 jQuery 弹出窗口

我们如何将两个数据框列加载到 folium 的弹出窗口中?

通过单击按钮以 mvc 形式触发模式弹出窗口