модальное окно 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.Там, где всплывает страница, сообщающая, какие заголовки столбцов пустые / пустые, а также ссылка на подробности при нажатии, раскрывается, чтобы получить более подробную информацию

Answer 1

Есть много плагинов, которые позволяют модальную функциональность с JQuery.Вы можете использовать jQuery UI и использовать его в функциях «Диалог».Смотрите здесь:

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

Еще один простой плагин: http://swip.codylindley.com/DOMWindowDemo.html

Все они могут отображать HTML, поэтому в основном вам просто нужно, чтобы ваш PHP-скрипт выводил HTMLв DOM, а затем используйте плагины jQuery для отображения данных в модальном режиме.

Answer 2

Я использовал библиотеку подсказок qTip jQuery для подобных вещей раньше. Хотя модальные всплывающие окна не являются основным использованием qTip, они хорошо работают в простых случаях.

Вот пример .