javascript模态窗口

Question

我有一个php代码，可以搜索mysql表并打印出空/空字段。现在我想在弹出/模态窗口上打印出消息。

    <?php
mysql_connect('localhost', 'root', '');
mysql_select_db("users") or die(mysql_error());
$emptyFields = array();
//$row_count = 1;
$sql = "SELECT * FROM userinfo";
  $res = mysql_query($sql); 
  while ($row = mysql_fetch_array($res)) {
    foreach($row as $key => $field) {

     if( ! is_integer($key) AND empty($field)){
        $emptyFields[] = sprintf('Field "%s" on entry "%d" is empty/null', $key, $row['card_id']);


      }
     }

   }
echo implode('<br>', $emptyFields);
echo sizeof($emptyFields);
?>

如何使用javascript / jquery将其转换为'可扩展'模态页面。弹出一个页面告诉我哪些列标题为空/ null以及单击时的详细信息链接，展开以提供更多详细信息

Answer 1

有许多插件允许使用jQuery进行模态功能。你可以使用jQuery UI并在“Dialog”函数中使用它。见这里：

http://jqueryui.com/demos/dialog/

另一个简单的插件： http://swip.codylindley.com/DOMWindowDemo.html

所有这些都可以显示HTML，所以基本上你只需要让PHP脚本将HTML输出到DOM中，然后使用jQuery插件以模态显示数据。

Answer 2

之前我曾使用qTip jQuery工具提示库进行此类操作。虽然模态弹出窗口不是qTip的主要用途，但它适用于简单的情况。

这是一个example。