Модальный диалог не работает

Question

В этом нижеприведенном коде я хочу отображать данные в модальном окне. Моя цель - отобразить найденные данные в модальном диалоге. Фактический результат: они отображаются над формой не в модальном диалоговом окне. Я пробовал некоторые шаги, но я не могу дать ожидаемый результат, помогите мне.

<?php 
$search = (isset($_POST['search']) ? $_POST['search'] : null); 

    mysql_connect("localhost", "root", "") OR die (mysql_error()); 
    mysql_select_db ("slseatapp") or die(mysql_error()); 

$query = "SELECT * FROM coursemaster WHERE course_code LIKE '%$search%' or course_name like '%$search%'"; 

    $result = mysql_query($query) or die (mysql_error()); 

    $msg ; 
    if($result) 
    {  
     while($row=mysql_fetch_row($result)) 
     {  
      $msg=$msg ."ID=".$row[0].",COURSE CODE=".$row[1].",COURSE NAME=".$row[2]; 


     } 

     echo"<div id='overlay'>('$msg ');</div>"; 
    } 
    else 
    { 
     echo "No result"; 
    } 
?> 

<script>function overlay(){ 

el = document.getElementById('overlay'); 
el.style.visibility = (el.style.visibility == 'visible') ? 'hidden' : 'visible'; 

}function close() { 
    document.getElementById('overlay').style.visibility = 'hidden'; 
}</script> 
<style>#overlay div { 
    width:300px; 
    margin: 100px auto; 
    background-color: #fff; 
    border:1px solid #000; 
    padding:15px; 
    text-align:center; 
}</style>" 
<form action="look.php" method="post"> 
<center> SEARCH:<input type="text" name="search" placeholder="SEARCH"><br></center> 
<center> <input type="submit" name="hhhh" class="btn-success btn"></center> 
</form> 

Answer 1

Проблема в том, что JS не ждет DOM, чтобы быть готовым. Один из способов добиться этого - получить эту часть кода в нижней части php-файла.

<script>function overlay(){ 

el = document.getElementById('overlay'); 
el.style.visibility = (el.style.visibility == 'visible') ? 'hidden' : 'visible'; 

}function close() { 
    document.getElementById('overlay').style.visibility = 'hidden'; 
}</script> 

Поскольку нет ничего приходит из PHP в этой части вы не должны обернуть его в виде строки и не имеют эхо в PHP, просто положить, как это.

пс. Дружеская заметка здесь: Код кажется немного беспорядочным. Лучше реструктурировать его с разделением проблем, PHP-HTML, JS и CSS после его работы.