Показать результаты поиска в Modal Dialog/Box

Question

Кажется, я не могу получить свое модальное поле для отображения результатов поиска, я могу отправить форму, и появится модальное поле, я попытался повторить мои переменные в модальное поле, но ничего не показывает. Я попытался поставить скрипт поиска и скрипт в модальном поле. Ничего. Я пробовал его почти с каждым модулем, который мог найти, поэтому это не модальные коробки, которые я просто не делаю правильно. Я просто знаю, что я устал, мои глаза болят, и я собираюсь отказаться от этого. Я просто не хочу, чтобы страница обновлялась при поиске, поскольку она очищает все значения, которые пользователь ставит для поиска идентификатора модели. Чтобы создать существо, у вас должен быть идентификатор модели, который нелегко найти. Я пытаюсь предоставить мою копию идентификаторов модели для поиска. Пожалуйста. Любая помощь приветствуется, спасибо.

ФОРМА

// My form 
    <form name="Form2" method="get" action="" enctype="application/x-www-form-urlencoded" id="Form2"> 
    <input type="text" id="Editbox19" style="position:absolute;left:20px;top:80px;width:191px;height:35px;line-height:35px;z-index:0;" name="name" value="" class"rounded"> 
    <div id="wb_Text25" style="position:absolute;left:20px;top:134px;width:58px;height:34px;z-index:1;text-align:left;"> 
    <span style="color:#FFFFFF;font-family:Arial;font-size:15px;">Entry ID:</span></div> 
    <input type="text" id="Editbox20" style="position:absolute;left:20px;top:153px;width:191px;height:35px;line-height:35px;z-index:2;" name="entry" value=""class"rounded"> 
    <div id="wb_Image2" style="position:absolute;left:10px;top:5px;width:221px;height:31px;z-index:3;"> 
    <img src="images/modelid.png" id="Image2" alt=""></div> 
    <div id="wb_Text24" style="position:absolute;left:18px;top:46px;width:227px;height:34px;z-index:4;text-align:left;"> 
    <span style="color:#FFFFFF;font-family:Arial;font-size:15px;"><br> Name:</span></div> 

    <input type="submit" id="Button1" onclick="$('#jQueryDialog1').dialog('open');return false;" name="" value="Submit" style="position:absolute;left:269px;top:187px;width:96px;height:25px;z-index:2;">// What activates the Modal Box 

    </form> 

модальной Box

//Modal Box itself 
<div id="jQueryDialog1" style="z-index:3;" title="This is the title"> 
//Modal Box Content where I want to display Search results. 
</div> 
</div> 

Мой Сценарий:

// Modal Box Script 
    <script> 
    $(document).ready(function() 
    { 
     var jQueryDialog1Opts = 
     { 
      width: 554, 
      height: 367, 
      position: { my: 'center', at: 'center', of: window }, 
      resizable: true, 
      draggable: true, 
      closeOnEscape: true, 
      autoOpen: false 
     }; 
     $("#jQueryDialog1").dialog(jQueryDialog1Opts); 
    }); 
    </script> 

Мой поиск сценария:

<?php 
     if(isset($_GET['name'], $_GET['entry'])) { 
     try { 

     $host = "xxxxxx"; 
     $user = "xxxxxxxx"; 
     $password = "xxxxxx"; 
     $database_name = "xxxxxxxx"; 
     $dbh = new PDO("mysql:host=$host;dbname=$database_name", $user, $password, array(
     //PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION 
     )); 

     $conditions = array(); 
     $oemSearch = $_GET['name']; 
     $oempnSearch = $_GET['entry']; 
     $min = 1; 
     $oemLen = strlen($oemSearch); 
     $oempnLen = strlen($oempnSearch); 

     if ($oemSearch == "" && $oempnSearch == "") { 
     echo "You must enter a Name or Entry ID"; 
     exit; 
     } 
     if ($oemSearch != "" && $oemLen < $min) { 
     echo "You must enter an Entry ID of atleast 1 Character."; 
     exit; 
     } 
     if ($oempnSearch != "" && $oempnLen < $min) { 
     echo "You must enter at least 3 P/N characters."; 
     exit; 
     } 
     if ($oemSearch != "" && $oempnSearch == "") { 
     $stmt = $dbh->prepare("select * from creature_template WHERE name LIKE '%$oemSearch%' ORDER BY entry LIMIT :limit OFFSET :offset"); 
     //$query->bindValue(1, "%$oemSearch%", PDO::PARAM_STR); 
     } 
     if ($oemSearch == "" && $oempnSearch != "") { 
     $stmt = $dbh->prepare("select * from creature_template WHERE name LIKE '%$oempnSearch%' ORDER BY entry LIMIT :limit OFFSET :offset"); 
     //$query->bindValue(1, "%$oemSearch%", PDO::PARAM_STR); 
     } 
     if ($oemSearch != "" && $oempnSearch != "") { 
     $stmt = $dbh->prepare("select * from creature_template WHERE name LIKE '%$oemSearch%' OR entry LIKE '%$oempnSearch%' ORDER BY entry LIMIT :limit OFFSET :offset"); 
     //$query->bindValue(1, "%$oemSearch%", PDO::PARAM_STR); 
     } 

     // Find out how many items are in the table 
     $total = $dbh->query("SELECT COUNT(*) AS num FROM creature_template ")->fetchColumn(); 

     // How many items to list per page 
     $limit = 10; 

     // How many pages will there be 
     $pages = ceil($total/$limit); 

     // What page are we currently on? 
     $page = min($pages, filter_input(INPUT_GET, 'page', FILTER_VALIDATE_INT, array(
      'options' => array(
      'default' => 1, 
      'min_range' => 1, 
      ), 
     ))); 

     // Calculate the offset for the query 
     $offset = ($page - 1) * $limit; 

     // Some information to display to the user 
     $start = $offset + 1; 
     $end = min(($offset + $limit), $total); 

     // Bind the query params 
     $stmt->bindParam(':limit', $limit, PDO::PARAM_INT); 
     $stmt->bindParam(':offset', $offset, PDO::PARAM_INT); 
     $stmt->execute(); 

     // Do we have any results? 
     if ($stmt->rowCount() > 0) { 
      // Define how we want to fetch the results 
      $stmt->setFetchMode(PDO::FETCH_ASSOC); 
      $iterator = new IteratorIterator($stmt); 

      // Display the results 
     echo "<table class='views-table' border=1>"; 
       echo "<tr class='tblheader'><th bgcolor=#00CC00>Name</th><th bgcolor=#00CC00>Entry ID</th><th bgcolor=#00CC00>Model ID</th></tr>"; 
      foreach ($iterator as $row) { 
       echo "<tr class=odd views-row-first1><td><a href=http://wowhead.com/npc=";   
       echo $row['entry']; 
       echo "></td><td><b>"; 
       echo $row['entry']; 
       echo "</a></td><td><b>"; 
       echo $row['modelid1']; 
       echo "</td></tr></b>"; 
      } 
      echo "</table>"; 


     } else { 
      echo '<p>No results could be displayed.</p>'; 
     } 

     } catch (Exception $e) { 
      echo '<p>', $e->getMessage(), '</p>'; 
     }} 
     ?> 

Answer 1

Вы используете Аякса вообще? Удалите onclick из вашей кнопки и попробовать:

$("#Button1").click(function(){ 
    var name = document.getElementById("Editbox19"); 
    var entry = document.getElementById("Editbox20"); 
    var jQueryDialog1Opts = 
    { 
    width: 554, 
    height: 367, 
    position: { my: 'center', at: 'center', of: window }, 
    resizable: true, 
    draggable: true, 
    closeOnEscape: true, 
    autoOpen: false 
    }; 

     $.ajax({ 
      url: "search.php?name="+name+"&entry="+entry, 
      type: "GET", 
      success:function(data){ 
        $("#jQueryDialog1").dialog(jQueryDialog1Opts); 
        $("#jQueryDialog1").html(data); 
      }, 
      error:function(){ 
       alert("Error!!! Please refresh the page and try again!"); 
      } 
     }); 
    }); 

Я предположил, ваш скрипт поиска находится на странице PHP под названием «search.php». Измените его соответственно.