11521 sujets

JavaScript, DOM et API Web HTML5

Rafraichissement resultats sans recharger la page

bonjour voila le contenu de la page s'il vous plait aidez moi de Rafraichissement resultats sans recharger la page
   <div class="row">
               <div class="col-md-12">
                  <div class="offer-tabs">
                     <ul class="nav nav-tabs" id="offerTab" role="tablist">
                        <li class="nav-item" >
                           <a class="nav-link active" id="all"   href="accueil2.php?r=All" >Toutes les marques</a>
<?php 
$query="select * from marque";
$query_run=mysqli_query($conn,$query);
 while ($row=mysqli_fetch_assoc($query_run)) {
                            ?>
                        </li>
                        <li class="nav-item" >
                           <a class="nav-link  " id="brand"  href="accueil2.php?ro=<?php echo $row['id_marque'] ?>" ><?php echo $row['name'];?>

                           </a>
<?php } ?>
                        
                     </ul> 
                    
                     <div class="tab-content" id="offerTabContent">
                        <!-- All Tab Start -->
                        <div class="tab-pane fade show active" id="all" role="tabpanel" aria-labelledby="all-tab">
  
                         <div class="row "id="res">


 <?php





if (isset($_GET['ro'])) {

$query="select * from voiture where id_marque = '$_GET[ro]' ";
}elseif (!isset($_GET['ro'])) {
   $query="select * from voiture ";
}
$query_run=mysqli_query($conn,$query);
//if(mysqli_num_rows($query_run)>0){
 while ($row=mysqli_fetch_assoc($query_run)) {

?>
                     <div class="col-lg-4" >
                                 <div class="single-offers" id="content">
                                    <div class="offer-image">
                                       <a href="index(1).php">
                                        <?php echo'<img src="admin/admin2/upload/'.$row['image'].'" width="100px;" height="100px;" alt="image">'?>
                                       </a>
                                    </div>
                                    
                                    <div class="offer-text">
                                       <a href="index.html#">
                                          <h3><?php echo $row['nom'];?></h3>
                                       </a>
                                       <h4>$<?php echo $row['prix'];?><span>/ Jour</span></h4>
                                       <ul>
                                          <li><i class="fa fa-car"></i><?php echo $row['model'];?><br/></li>
                                          <li><i class="fa fa-cogs"></i><?php echo $row['type'];?><br/></li>
                                          <li><i class="fa fa-dashboard"></i><?php echo $row['kilometrage'];?><br/></li>
                                       </ul>
                                       <div class="offer-action">
                                          <a href="index.html#" class="offer-btn-1">Voiture de location</a>
                                          <a href="car-booking(1).php?id_voiture=<?php echo $row['id_voiture'] ?>" class="offer-btn-2" >Détails</a>
                                       </div>
                                    </div>
                                 </div>
                              </div><?php }
                              

                           
                           
                               ?>

                               </div>
                  </div>
               </div>
            </div>
         </div>
      </section>


      <div class="tab-content" id="offerTabContent">
                        <!-- All Tab Start -->
                        <div class="tab-pane fade show active" id="all" role="tabpanel" aria-labelledby="all-tab">
  
                         <div class="row ">

Modifié par btissam_ab (29 Apr 2021 - 14:00)
_laurent a écrit :
Salut !

Tuas vas devoir passer par un peu de Js avec de l'AJAX : https://www.w3schools.com/xml/ajax_intro.asp

j'ai besoin des modifications sur ce script le probleme il garde les anciens donnes et ajoute les nouveau donnes sur eux

<script type="text/javascript"  
   $(document).ready(function(){
  $('#offerTab li a').click(function(event){
    var url = $(this).attr('href'); 
    $('#content').load(url + " #content");
     event.preventDefault();
  });
  });
</script>

Modifié par btissam_ab (29 Apr 2021 - 14:27)
Sujet clos
Aller à