Модальное диалоговое окно не работает

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"<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>"; 
echo"<style>#overlay div { 
    width:300px; 
    margin: 100px auto; 
    background-color: #fff; 
    border:1px solid #000; 
    padding:15px; 
    text-align:center; 
}</style>"; 
     echo"<div id='overlay'>('$msg ');</div>"; 
    } 
    else 
    { 
     echo "No result"; 
    } 
?> 

<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

Некоторые Tipps для вас: попробуйте использовать PDO вместо устаревших функций MySQL, не следует смешивать PHP кода HTML/JS, не следует смешивать CSS с HTML, для лучшего использования совместимости браузера JQuery вместо родной Javascript, также не используют устаревшие HTML-теги, такие как «center-Tag», не пытайтесь создать свой собственный модальный диалог, лучше использовать jQuery-UI, наконец, форматировать свой код. К вашей проблеме отлаживайте свой код и посмотрите, существует ли результат. Вы также можете проверить вывод консоли на js-errors.

Для меня похоже, что ваш код javascript пытается получить элемент overlay, прежде чем этот элемент будет отображаться браузером. Поместите ваш js-код в конец вашего html-документа. И где вы называете функцию наложения?

Другой tipp: оставьте свой поисковый запрос только в том случае, если $ search не равен null и пользовательские переменные пользователя в вашем запросе, например. с mysql_real_escape_string или подготовленные операторы с PDO, чтобы предотвратить SQL-инъекцию.