PDA

View Full Version : نمایش منوی popup با تایپ کردن در input



kamalhamidi
پنج شنبه 16 تیر 1390, 00:58 صبح
سلام

من یه کد جستجو دارم که موارد یافت شده در جستجو رو به صورت آجاکس نمایش میده! در واقع یه اسکرپیت جستجو به صورت آجاکس...!

مشکل من اینجاست که من میخوام اسکرپیت، نتیجه جستجو رو داخل یه منوی پاپ آپ نمایش بده. خود اسکرپیت نتیجه جستجو رو داخل div نمایش میده.

کد من به صورت زیره:

کد html

<script type="text/javascript">
function showResult(str)
{
if (str.length==0)
{
document.getElementById("livesearch").innerHTML="";
document.getElementById("livesearch").style.border="0px";
return;
}
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("livesearch").innerHTML=xmlhttp.responseText;
document.getElementById("livesearch").style.border="1px solid #A5ACB2";
}
}
xmlhttp.open("GET","livesearch.php?q="+str,true);
xmlhttp.send();
}
</script>




<form class="mangalist-right"><p class="lastchaptital">جستجو</p>
<input class="inputclass" style="font:normal 12px Tahoma;" type="text" size="30" onfocus="if (this.value == 'جستجو') {this.value = '';}" onblur="if (this.value == '') {this.value = 'جستجو';}" value="جستجو" onkeyup="showResult(this.value)" />
<div id="livesearch" class="serachbox"></div>
</form>


صفحه php :


<?php
ini_set('display_errors','false');
define("SCRIPTPATH", dirname(__FILE__).'/');
require_once( SCRIPTPATH . 'config.php');

$q = $_GET["q"];

$Query = mysql_query ("SELECT manganame,link FROM om_manga WHERE Active='1'");
while ($row = mysql_fetch_array($Query)) {
if (stristr($row['manganame'],$q)){
if ($hint == ''){
$hint = '<a href="manga.php?manga='.$row['link'].'" target="_blank">'.$row['manganame'].'</a>';
} else {
$hint = $hint . '<br/><a href="manga.php?manga='.$row['link'].'" target="_blank">'.$row['manganame'].'</a>';
}
}
}

if ($hint == ''){
$response = 'موردی یافت نشد';
} else {
$response = $hint;
}

echo $response;


?>


اصل کد توی این صفحه است. (http://www.w3schools.com/php/php_ajax_livesearch.asp)

البته من یه کد منوی popup (http://www.dynamicdrive.com/dynamicindex1/popupmenu.htm) پیدا کردم، اما نتونستم آن چیزی که میخوام رو عملی کنم!

لذا خواستم از شما عزیزان کمک بگیرم.!