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

时间:2013-07-06 11:35:07

标签: php mysql database image popup

我有一个带有图像的网页,当用户点击任何图像时,它必须从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 width="25%" 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循环中给出了第一个名字。我无法获得其他图像的其他名称。如何才能做到这一点。任何帮助将不胜感激。

enter image description here

2 个答案:

答案 0 :(得分: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 width="25%" 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'; 
?>

试试这个。 如果格式正确,请查看代码的外观。

答案 1 :(得分:0)

试试这个

     <?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 width="25%" 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'; 


 ?>