طريقة اظهار النتائج في خانة البحث ajax

[ouchmouni]

السلام عليكم

اخواني انا ابحث عن طريقة عمل خانة بحث

بحيث عندما تقوم بادخال حرف او حرفان تظهر النتائج

مثل الذي موجود في يوتيوب الان

لقد وضعت اكواد الملفات المرجو تعديلها او طرح طريقة عملها

انا انتظر الرد





هذه صفحة البحث

<?php
 
session_start();
include ("includes/config.php");
$page = $_GET[page];
if (empty($page) || !is_numeric($page)) {
 $page = "1";
}
$searchTerm = $_GET[t];
if (empty($searchTerm)) {
  $searchTerm = $_POST[t];
}
    
// Display games
function searchgames($page,$searchTerm) {
 global $siteurl, $filesperpage, $sefriendly;
 $result = mysql_query("SELECT * FROM files WHERE title LIKE '%$searchTerm%' && status ='1' || description LIKE '%$searchTerm%' && status ='1'");
 if (mysql_num_rows($result) == '0') {
  echo "Aucun résultat ne correspond à votre recherche ";
 } else {
  
  // Get number of pages
  $numrows = mysql_num_rows($result);
  $offset = ($page - 1) * $filesperpage;
  $pagescount = ceil($numrows/$filesperpage);
  
  for ($pagen = 1; $pagen <= $pagescount; $pagen++) {
   if ($pagen == $page) {
    $nav .= " <b>$pagen</b>";
            } else {
                if ($pagen >= $page - 10 && $pagen <= $page + 10) {
        $nav .= " <a href=\"".$siteurl."/search.php?t=".$searchTerm."&page=".$pagen."\">$pagen</a>";
    }
         } 
        }
        if ($page > 1) {
         $pagen  = $page - 1;
         $prev  = "<a href=\"".$siteurl."/search.php?t=".$searchTerm."&page=1\"><img src=images/17.png border=0 title=Première></a> <a href=\"".$siteurl."/search.php?t=".$searchTerm."&page=".$pagen."\"><img src=images/06.png border=0 title=Précédente></a>";
     } else {
      $prev  = "";
  }
  if ($page < $pagescount) {
   $pagen = $page + 1;
   $next = " <a href=\"".$siteurl."/search.php?t=".$searchTerm."&page=".$pagen."\"><img src=images/05.png border=0 title=Suivante></a> <a href=\"".$siteurl."/search.php?t=".$searchTerm."&page=".$pagescount."\"><img src=images/18.png border=0 title=Dernière></a>";
  } else {
   $next = "";
  }
    // Display page numbers
    if ($pagescount > '1') {
     echo "<tr><td colspan='3' class='pagenumbers'>".$prev.$nav.$next."</td></tr>";
    }
 
 $result2 = mysql_query("SELECT fileid, title, description, icon, iconlocation, timesplayed FROM files WHERE title LIKE '%$searchTerm%' && status ='1' || description LIKE '%$searchTerm%' && status ='1' ORDER BY title LIMIT $offset, $filesperpage");
 
  $fileinrow="1";
    while($row = mysql_fetch_array($result2)) {
     $fileid = $row['fileid'];
        $filetitle = $row['title'];
        $filedescription = $row['description'];
        $fileicon = $row['icon'];
        $iconlocation = $row['iconlocation'];
        $timesplayed = number_format($row['timesplayed']);
        
        if ($iconlocation == '1') {
         $imageurl = $siteurl."/files/image/".$fileicon;
        } else {
         $imageurl = $fileicon;
        }
        
        if (strlen($filedescription) > '40') {
         $filedescription = substr("$filedescription",0,37)."...";
        }
        
        if ($fileinrow == '1') {
      echo "<tr>";   
        }
    ?>
    <td width="33%">
      <table class="browsegamesbox">
        <tr>
          <td width="71" valign="top">
          <a href="<?php echo fileurl($fileid,$filetitle); ?>" target="_self"><img src="<?php echo $imageurl; ?>" width="70" height="100" title="<?php echo $filetitle; ?>" border="0"></a>
          </td>
          <td valign="top">
          <a href="<?php echo fileurl($fileid,$filetitle); ?>" target="_self" class="gamelink"><?php echo $filetitle; ?></a><br />
          <?php echo $filedescription; ?><br />
          <span class="played">(Vues: <?php echo $timesplayed; ?> Fois)</span>
          </td>
        </tr>
      </table>
    </td>
    <?php
        if ($fileinrow == '3') {
      echo "</tr>";
      $fileinrow = "0";
        }
        $fileinrow++;
    }
    if ($fileinrow == '2') {
     echo "<td width=\"33%\"></td><td width=\"33%\"></td></tr>";
    } elseif ($fileinrow == '3') {
     echo "<td width=\"33%\"></td></tr>";
    }
    // Display page numbers
    if ($pagescount > '1') {
     echo "<tr><td colspan='3' class='pagenumbers'>".$prev.$nav.$next."</td></tr>";
    }
    }
}
$sitename2 = $sitename. "-Resultat-";
// Load template files
include ("templates/".$template."/header.html");
include ("templates/".$template."/search.html");
include ("templates/".$template."/footer.html");
?>

وهذا هو الفورم

<form action="<?php echo $siteurl; ?>/search.php" method="POST">
 <input type="text" name="t" maxlength="25" size="20"><br>
 <input type="submit" value="Rechercher">
 </form>

[ArabCoders]

اخي شوف السكربت هذا، تقريبا نفس الفكره

http://www.swalif.net/softs/swalif44/softs230616/

يمكن يفيدك

[ouchmouni]

بارك الله فيك اخي لكن هذا السكربت يعمل بدون بقاعدة بيانات

انا اريده ان يجلب الاسماء من قاعدة بيانات المرجو الشرح

[ouchmouni]

اريده ان يظهر النتائج حسب الحرف او الكلمة المدخلة من جدول معين

؟؟؟؟؟؟؟؟؟؟؟؟؟

[PSNEWS]

اخي الكريم اذا كنت افهمك صح فأنت تريد ان تستخدم
auto completer بالاجاكس
كل ما عليك ان تفعله هو ان تحصل على المعلومات من php على شكل array ثم تقوم بتمرير هذه المعلومات لل: auto completer
لمزيد من المعلومات اقرأ عن ajax auto completer
وفي حال تريد المزيد من المساعدة او مصادر للحصول على معلومات عن الauto completer او مساعدة في الكود فانا جاهز

بالتوفيق

[ArabCoders]

السلام عليكم،

اخي السكربت الى قلت لك عنه هو نفس السكربت إلى انت تبي، بس قم بتغير البيانات في ملف ajax_search.php إلى مايلزمك.

[ouchmouni]

المرجو المساعدة لقد تعبت في التعديلات لكن دون جدوى

اريد ان تظهر الكلمات المشابهة بمجرد ادخال حرف او حرفين

و عند اختاي احد هذه الكلمات المشابهة و الظغط على ok

يتم الذهاب الى رابط الملف المطلوب

قاعدة بياناتي بهذا الشكل :

ملف الاتصال و عرض النتائج

<?PHP
$link = mysql_connect("localhost","root","");
mysql_select_db("video");
$query = 'SELECT * FROM files';
$results = mysql_query($query);
while($line = mysql_fetch_assoc($results)) {
echo "<a href=/watch.php?f=" . $line["fileid"] . ">". $line["title"] . "</a><br>";
}
 
mysql_close($link);
?>

اخي ArabCoders لو ممكن تدمج لي الملف مع السكربت الذي ارفقته

و شكرا مسبقا

[ouchmouni]

لقد قمت بعمل الاتي لكنه يظهر جميع الملفات الموجودة في القاعدة

هذا مثال على التطبيق تجربة

ملف الجافا :

var http = createRequestObject();
function createRequestObject(){
    var request_;
    var browser = navigator.appName;
    if(browser == "Microsoft Internet Explorer"){
        request_ = new ActiveXObject("Microsoft.XMLHTTP");
    }
    else{
        request_ = new XMLHttpRequest();
    }
    return request_;
}
function getInfo(){
    http.open('get', 'test.php?id='+ document.form1.ouch.value);
    http.onreadystatechange = handleInfo;
    http.send(null);
}
function handleInfo(){
    if(http.readyState == 1){
        document.getElementById('mydiv').innerHTML = 'Recherche en cours...';
    }
    if(http.readyState == 4){
        var response = http.responseText;
        document.getElementById('mydiv').innerHTML = response;
    }
} 

ملف test.php :

<?php
header('(anti-spam-content-type:) text/html; charset=windows-1256');
$id=intval($_GET['id']);
$dbhost="localhost";
$dbuser="root";
$dbpass="";
$database="video";
$link = @mysql_connect( $dbhost, $dbuser, $dbpass );
$db = @mysql_select_db( $database,$link );
$result = mysql_query("SELECT * FROM files WHERE title=$id");
while ( $line = mysql_fetch_array($result) ){
    $nfiletitle = $line['title'];
    $nfileid = $line['fileid'];
    $ntimesplayed = number_format($line['timesplayed']);
 $iconlocation = $line['iconlocation'];
 $fileid = $line['fileid'];
 $fileicon = $line['icon'];
 
 if ($iconlocation == '1') {
         $imageurl = $siteurl."/files/image/".$fileicon;
        } else {
         $imageurl = $fileicon;
        }
        
     $filedescription = $file['description'];
     if (strlen($filedescription) > '80') {
         $filedescription = substr("$filedescription",0,77)."...";
        }
 
 ?>
        <a href = "/watch.php?f=<?php echo $nfileid; ?>"><img src="<?php echo $imageurl; ?>" height=110 width=87 border=0 title="<?php echo $nfiletitle; ?>"></a>&nbsp;&nbsp; 
    
 <?php
}
mysql_free_result($result);
mysql_close($link);
?>

ملف الفورم html :

<html>
<head>
<title>تجربة</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256" />
<script src="main.js"></script>
</head>
<body>
<form name="form1">
    <input name="ouch" type="text" onkeypress="getInfo()" AUTOCOMPLETE="On"> 
  </form>
 
<div id="mydiv"></div>
</body>
</html> 

[ouchmouni]

تم حل المشكل شكرا على المساعدة

اخ ArabCoders و psnews

[ArabCoders]

العفو اخي،

ونرجو مشاهدة النتيجه

[ouchmouni]

العفو اخي،

ونرجو مشاهدة النتيجه

النتيجة في الصفحة الرئيسية

Le meilleur du streaming