اذهب إلى المحتوى

السؤال

نشر (معدل)
<!DOCTYPE html>
<html>
      
<head>
 <link rel="stylesheet" type="text/css" href="./style.css">
</head>
  
<body>
    
    <!-- input tag -->
    <input id="searchbar" onkeyup="search_animal()" type="text"
        name="search" placeholder="Search animals..">
      
    <!-- ordered list -->
        <?php 
            $i = 0;
            $qry_cat = $conn->query("SELECT * FROM product_list  ");
            while($row = $qry_cat->fetch_assoc()):
            $i++;
        ?>
        <li class="animals"><?php echo $row['product'] ?></li>
        <?php endwhile; ?>
    <script type="text/javascript">
        function search_animal() {
    let input = document.getElementById('searchbar').value
    input=input.toLowerCase();
    let x = document.getElementsByClassName('animals');
      
    for (i = 0; i < x.length; i++) { 
        if (!x[i].innerHTML.toLowerCase().includes(input)) {
            x[i].style.display="none";
        }
        else {
            x[i].style.display="list-item";                 
        }
    }
}
    </script>
</body>
  
</html>

عايز اضيف دالة تحفظ لي المنتج الذي تم البحث عنه  بمعني اي عملية بحث تكون محفوظة

تم التعديل في بواسطة Sam Ahw
توضبح وتنسيق السؤال

Recommended Posts

  • 0
نشر

السؤال غير واضح، أين تريد حفظ عمليات البحث؟ في المتصفح؟ أم في قاعدة بيانات على خادم الويب؟

يمكنك إرسال العبارات التي يتم البحث عنها لخادم الويب حتى يتم الاحتفاظ بها ضمن قاعدة البيانات لديك، ولكن عندها يجب عليك استبدال آلية البحث الحالية من خلال الضغط على الأزرار وإضافة زر "بحث" حتى تضمن حفظ عبارات كاملة وإلا سيتم إرسال جميع القيم وحفظها في قاعدة البيانات حتى لو كانت فارغة أو لو كان المستخدم يقوم بإزالة كلمة معيّنة سيتم إرسال كلمة ناقصة.

وآلية الحفظ تكون ببساطة من خلال نموذج Form وزر بسيط لإرسال الجمل إلى خادم الويب:

<?php  
    $search_value=$_POST["search"];//الحصول على العبارة التي تم البحث عنها 
    //ثم يمكنك حفظها في قاعدة البيانات حسب بنية الجداول لديك
    
?>  

<form action="saveSearch.php" method="post">  
  Search: <input type="text" name="search"/>  
  <input type="submit" value="ابحث"/>  
</form>  

وإذا أردت إرسال القيم إلى خادم الويب وتجنّب تحديث الصفحة حاول البحث عن طريقة استخدام ajax وتطبيقها في مشروعك.

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...