Menu

Remplir champ de façon automatique

- - Dernière réponse : jordane45
Messages postés
23551
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
9 décembre 2018
- 9 déc. 2018 à 23:30
Bonosir à tous;

J'espère que vous allez bien.

Mon problème est le suivant :

J'ai un formulaire que l'utilisateur devra remplir. Je souhaite que lorsqu'il rentre le nom de l'hotel + la formule (SINGLE ou COUPLE) + le nombre de nuitée ( 1/2 ou 3 nuitéé) ça me sorte automatiquement dans le champ MONTANT, le montant.

Voici mon code :

 <strong class="text-muted d-block mb-2">HOTEL</strong>
                          <form method="post" action="<?php echo $_SERVER['PHP_SELF']?>">
						     
						   <div class="form-group">
                              <div class="input-group mb-3">
                              
                                <input type="text"  name="hotel" class="form-control" value="<?php echo $annuler["nomhot"]; ?>" placeholder="HOTEL" aria-label="Username" aria-describedby="basic-addon1"> </div>
                            </div>
                           
							   <strong class="text-muted d-block mb-2">FORMULE</strong>
							 
                        <div class="btn-group btn-group-toggle mb-3" data-toggle="buttons">
					
                          <label class="btn btn-white active">
                            <input type="radio" name="numero" id="option1" autocomplete="off" value="SINGLE" checked> SINGLE </label>
                          <label class="btn btn-white">
                            <input type="radio" name="numero" id="option2" autocomplete="off" value="COUPLE">  COUPLE </label>
                         
                        </div>
							  <input  type="hidden" name="datereserva" id="datop"  value="<?php  echo date("d/m/Y" ); ?> "  size="25">
						     <strong class="text-muted d-block mb-2">MONTANT</strong>
                            <div class="form-group">
                              <div class="input-group mb-3">
                              
                                <input type="text" name="mont" class="form-control" placeholder="MONTANT" value="<?php echo $annuler["montant"]; ?>" aria-label="Username" aria-describedby="basic-addon1"> </div>
                            </div>
							 <div class="form-row">
                               <div id="blog-overview-date-range" class="input-daterange input-group input-group-sm my-auto ml-auto mr-auto ml-sm-auto mr-sm-0" style="max-width: 350px;">
                          <input type="text" class="input-sm form-control" name="start" placeholder="CHECK-IN" id="blog-overview-date-range-1" required>
                          <input type="text" class="input-sm form-control" name="end" placeholder="CHECK-OUT" id="blog-overview-date-range-2" required>
                       
                        </div>
                            </div><BR>
							 <strong class="text-muted d-block mb-2">Mode de paiement</strong>
							 
                        <div class="btn-group btn-group-toggle mb-3" data-toggle="buttons">
					
                          <label class="btn btn-white active">
                            <input type="radio" name="modpaie" id="option1" autocomplete="off" value="COMPTANT" checked> COMPTANT </label>
                          <label class="btn btn-white">
                            <input type="radio" name="modpaie" id="option2" autocomplete="off" value="TPE">  TPE </label>

						
                        
                        </div>
                          
                        
                    
                        </div>
                        <div class="col-sm-12 col-md-6">
                          <strong class="text-muted d-block mb-2">Information du Client </strong>
                       
                            <div class="form-row">
							
                              <div class="form-group col-md-12">
                                <input type="text" name="nomcli" class="form-control is-valid" id="validationServer01" placeholder="NOM CLIENT" value="" required>
                               
                              </div>
                              <div class="form-group col-md-12">
                                <input type="text" name="cni" class="form-control is-valid" id="validationServer02" placeholder="N°CNI/PASSEPORT" value="" required>
                            
                              </div>
							   <div class="form-group col-md-12">
                                <input type="text" name="email" class="form-control is-valid" id="validationServer02" placeholder="EMAIL" value="" required>
                            
                              </div>
							   <div class="form-group col-md-12">
                                <input type="text" name="contact" class="form-control is-valid" id="validationServer02" placeholder="CONTACTS" value="" required>
                            
                              </div>
                            </div>
                          
                            <!-- Button Groups -->
                       
							<div class="col">
                          <button type="reset" class="mb-2 btn btn-primary mr-2">Annuler</button>
						    <button type="submit" name="co" class="mb-2 btn btn-primary mr-2">Valider</button>
                      
                        </div>
                          </form>


Merci d'avance pour l'aide
Afficher la suite 

Votre réponse

4 réponses

Messages postés
23551
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
9 décembre 2018
0
Merci
Bonjour,

Et quel est le souci ?
Qu'as tu essayé ?

Sachant que ton formulaire envoi les données remplis dans les champs via la variable globale $_POST

Ajoutes donc au début de ton script php un
print_r($_POST);

Tu verras, une fois que tu auras remplis tes champs puis validé le formulaire le contenu de ceux ci.
Par exemple, pour l'hotel, tu le retrouveras dans :
$_POST['hotel']

et pour le mettre dans une variable :
$hotel = !empty($_POST['hotel']) ? $_POST['hotel'] : NULL;
 
echo "Hotel : ".$hotel;


après.. pour ce qui est du "calcul" du montant.... et bien... comment détermines tu le tarif ?
Peut-être as tu stocké ces données dans une BDD ?
Dans ce cas, il te faudra faire du SQL via PDO ou mysqli ...


Bonjour Jordan 45, j'espère que tu vas bien.

Merci pour ta réponse.
En fait, ce que je veux faire, c'est remplir le champ '''''HOTEL''''' le champ ''''FORMULE'''' et le champ '''NOMBRE NUITEE''' puis dans le champ '''MONTANT'''' le montant du nombre de nuiité de la FORMULE sort automatiquement dans le champ '''MONTANT''' et après tout ça j'envoie mon formulaire dans la BDD.

On m'a dit qu'on pouvait le faire avec du JAVASCRIPT mais je ne sais pas trop comment m'y prendre.

Merci d'avance
jordane45
Messages postés
23551
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
9 décembre 2018
> fedely -

mplir le champ '''''HOTEL''''' le champ ''''FORMULE'''' et le champ '''NOMBRE NUITEE''' puis dans le champ '''MONTANT'''' le montant du nombre de nuiité de la FORMULE sort automatiquement dans le champ '''MONTANT'''

Et ce calcul... il se fait comment ???? si j'additionne des choux et des carottes ... _ça ne donne pas 42....


On m'a dit qu'on pouvait le faire avec du JAVASCRIPT

Et toi tu postes dans le forum PHP .... tu ne vois pas l'erreur ??

Donc je déplace ta question dans le forum Javascript....
En attendant... explique nous les détails du calcul à réaliser.
Commenter la réponse de jordane45
0
Merci
Bonjour Jordan45,

Finalement j'aipu trouver ce que je cherchais.
En fait, j'utilise du jquery+javascript+php pour faire une recherche avec autocompletion.

ça ne fonctionne toujours pas je ne sais trop pourquoi

Voici mon code :
     <strong class="text-muted d-block mb-2">FORMULE</strong>
                            <div class="form-group col-md-12">
                                <input type="text" name="formule" class="form-control is-valid" id="formule" placeholder="NOM CLIENT" value="" required>
                               
                              </div>


Mon script JAVA:
<script>  
 $(document).ready(function(){  
      $('#formule').keyup(function(){  
           var query = $(this).val();  
           if(query != '')  
           {  
                $.ajax({  
                     url:"searchi.php",  
                     method:"POST",  
                     data:{query:query},  
                     success:function(data)  
                     {  
                          $('#countryList').fadeIn();  
                          $('#countryList').html(data);  
                     }  
                });  
           }  
      });  
      $(document).on('click', 'li', function(){  
           $('#formule').val($(this).text());  
           $('#countryList').fadeOut();  
      });  
 });  
 </script> 


Et enfin mon php pour requete:

 <?php  
 $connect = mysqli_connect("localhost", "joel", "AAAZZZ", "airEEEEE");  
 if(isset($_POST["query"]))  
 {  
      $output = '';  
      $query = "SELECT * FROM formula WHERE type LIKE '%".$_POST["query"]."%'";  
      $result = mysqli_query($connect, $query);  
      $output = '<ul class="list-unstyled">';  
      if(mysqli_num_rows($result) > 0)  
      {  
           while($row = mysqli_fetch_array($result))  
           {  
                $output .= '<li>'.$row["type"].'|'.$row["nuitee"].'|'.$row["montant"].'</li>';  
           }  
      }  
      else  
      {  
           $output .= '<li>Country Not Found</li>';  
      }  
      $output .= '</ul>';  
      echo $output;  
 }  
 ?>  


Merci pour ton aide
jordane45
Messages postés
23551
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
9 décembre 2018
-
Bonjour,

Déjà... c'est du JAVASCRIPT ... pas du JAVA. ce sont deux langages différents !
Ensuite... tu nous dis que ça ne marche pas... mais encore ??
As tu des erreurs dans la console de ton navigateur ???


Côté SQL .. as tu testé ta requête directement dans ta bdd ? (via phpmyadmin par exemple...) ?
Attention.. certains termes sont des mots clés réservés. Pour les utiliser du dois les entourer de back-quotes. c'est le cas pour "type".
SELECT * FROM formula WHERE `type` LIKE '%".$_POST["query"]."%'"



Pense à mettre le error dans l'appel ajax
error: function(jqXHR, textStatus, errorThrown) {
               console.log(jqXHR);
               alert('Erreur AJAX !');
    }

Penses aussi à activer l'affichage des erreurs PHP : http://www.commentcamarche.net/faq/48399-php-gestion-des-erreurs-debogage-et-ecriture-du-code

Et à gérer les erreurs mysqli
http://php.net/manual/fr/mysqli.error.php
Là ça fonctionne mais il me met toujours qu'il n'a pas trouver de résultat.
 $output .= '<li>Country Not Found</li>'; 
jordane45
Messages postés
23551
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
9 décembre 2018
-
Il te met ça où ?
Qu'as tu dans la console de ton navigateur ?

NB: Pour débuguer de l'ajax... il faut : Soit utiliser Firefox ... soit, si tu utilises google Chrome, installer le plugin Ajax debuger

Mais perso .. je te conseille d'utiliser Firefox. la console (au moins pour l'ajax...) est plus simple à prendre en main pour visualiser le contenu de la requête ajax et la réponse du serveur.

.
Commenter la réponse de fedely
0
Merci
Merci pour ta réponse Jordan 45, mais ça fonctionne en dehors de mon formulaire quand je le remets dans le formulaire, il ne fonctionne plus.
De plus, meme etant hors du formulaire quand je renseigne et que je clique sur un autre champ, le contenu se vide.

Moncode :
<?php
    //D�marrage d'une session:
    session_start();
  if (!isset($_SESSION['username'])) {
  	$_SESSION['msg'] = "You must log in first";
  	header('location: ../hfevasion/login.php');
  }
  if (isset($_GET['logout'])) {
  	session_destroy();
  	unset($_SESSION['username']);
  	header("location: ../hfevasion/login.php");
  }
?>
<?php include('../database_connection.php'); ?>

<!doctype html>
<html class="no-js h-100" lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>HF Evasion</title>
    <meta name="description" content="A high-quality & free Bootstrap admin dashboard template pack that comes with lots of templates and components.">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link href="styles/all.css" rel="stylesheet">
    <link href="styles/allu.css" rel="stylesheet">
    <link rel="stylesheet" href="styles/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
    <link rel="stylesheet" id="main-stylesheet" data-version="1.1.0" href="styles/shards-dashboards.1.1.0.min.css">
    <link rel="stylesheet" href="styles/extras.1.1.0.min.css">

	    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>  
	 <style>  
           ul{  
              
                cursor:pointer;  
           }  
           li{  
                padding:9px;  
           }  
           </style> 

  </head>
  <body class="h-100">
   <br /><br />  
     <div class="container" style="width:500px;">  
               
                <label>Choisissez la formule</label>  
                <input type="text" name="formule" id="formule" class="form-control" placeholder="Choisissez la formule" />  
                <div id="formuleList"></div>  
           </div>
    <div class="color-switcher-toggle animated pulse infinite">
      <i class="material-icons">settings</i>
    </div>
	  <?php
 
                                $connect = new mysqli('localhost', 'root', '', 'airci_booking');
if ($connect->connect_error) {
    die("Connection failed: " . $connect->connect_error);
    
}          

                                    // On cr�� la requ�te
$req1 = "SELECT * FROM agent where username = '".$_SESSION['username']."'";

// on envoie la requ�te
$res1 = $connect->query($req1) or die("La requete a echou�e");


$data1 = mysqli_fetch_array($res1);?>
    <div class="container-fluid">
	
      <div class="row">
        <!-- Main Sidebar -->
		
        <aside class="main-sidebar col-12 col-md-3 col-lg-2 px-0">
          <div class="main-navbar">
            <nav class="navbar align-items-stretch navbar-light bg-white flex-md-nowrap border-bottom p-0">
              <a class="navbar-brand w-100 mr-0" href="accueil.php" style="line-height: 25px;">
                <div class="d-table m-auto">
                  <img id="main-logo" class="d-inline-block align-top mr-1" style="max-width: 25px;" src="images/shards-dashboards-logo.svg" alt="Shards Dashboard">
                  <span class="d-none d-md-inline ml-1">HF Evasion Booking</span>
                </div>
              </a>
              <a class="toggle-sidebar d-sm-inline d-md-none d-lg-none">
                <i class="material-icons"></i>
              </a>
            </nav>
          </div>
          <form action="#" class="main-sidebar__search w-100 border-right d-sm-flex d-md-none d-lg-none">
            <div class="input-group input-group-seamless ml-3">
              <div class="input-group-prepend">
                <div class="input-group-text">
                  <i class="fas fa-search"></i>
                </div>
              </div>
              <input class="navbar-search form-control" type="text" placeholder="Search for something..." aria-label="Search"> </div>
          </form>
          <div class="nav-wrapper">
             <ul class="nav flex-column">
              <li class="nav-item">
                <a class="nav-link active" href="accueil.php">
                  <i class="material-icons">edit</i>
                  <span>Tableau de Bord</span>
                </a>
              </li>
            
              <li class="nav-item">
                <a class="nav-link " href="reservations.php">
                  <i class="material-icons">table_chart</i>
                  <span>Reservation</span>
                </a>
              </li>
			   <li class="nav-item">
                <a class="nav-link " href="payment.php">
                  <i class="material-icons">table_chart</i>
                  <span>Paiements</span>
                </a>
              </li>
          
             
            </ul>
          </div>
        </aside>
        <!-- End Main Sidebar -->
        <main class="main-content col-lg-10 col-md-9 col-sm-12 p-0 offset-lg-2 offset-md-3">
    
		   
          <!-- / .main-navbar -->
          <div class="main-content-container container-fluid px-4">
            <!-- Page Header -->
            <div class="page-header row no-gutters py-4">
              <div class="col-12 col-sm-4 text-center text-sm-left mb-0">
                <span class="text-uppercase page-subtitle">Hotel</span>
                <h3 class="page-title"></h3>
              </div>
            </div>
			               <?php 

$conna = new mysqli('localhost', 'root', '', 'airci_booking');
if ($conna->connect_error) {
    die("Connection failed: " . $conna->connect_error);
}
if(isset($_POST['co']))
						{	
date_default_timezone_set('Africa/Dakar');


foreach ($_POST as $key => $value) {
    $varname = "_".$key;
    $$varname = $value;
    
}
// récolte des données du fichier:

// On créé la requête
$req = "SELECT idag FROM agent where username = '".$_SESSION['username']."'";

// on envoie la requête
$res = $conna->query($req) or die("La requete a echouée");

$data = mysqli_fetch_array($res);
$today = date("Y-m-d H:i:s");   
echo "$today";
//Requete d'insertion
	$conf ="Non valide";
    $confa ="unread";
// On créé la requête
$req2 ="INSERT INTO reservations(`idreserv`, `hotel`, `date_arrivee`, `date_depart`, `paiement`, `modepai`, `nomcli`, `formule`, `cni`, `email`, `contacts`, `stats`, `id_user`, `status`, `datres` , `datereserv`) VALUES (NULL, '$_hotel', '$_start', '$_end', '$_mont', '$_modpaie','$_nomcli','$_numero','$_cni','$_email','$_contact','$conf', '".$data['idag']."', '$confa', '$today','$_datereserva')";

 
// on envoie la requête
//$res2 = $conna->query($req2) or die("La requete 2 a echouee");

if(mysqli_query($conna,$req2))
															{
															echo "<script type='text/javascript'> alert('Reservation validee')</script>";
															echo "<script type='text/javascript'> window.location='accueil.php'</script>";
															}



						}


?>
	
            <!-- End Page Header -->
            <!-- Small Stats Blocks -->
			     <?php
                                                 $conn = new mysqli('localhost', 'root', '', 'airci_booking');
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
 } ?>
          	 <?php  $query = mysqli_query($conn, "SELECT DISTINCT * FROM hotel h
INNER JOIN chambres c
ON h.idhot = '".$_REQUEST['idhot']."'"); 
 $annuler = mysqli_fetch_array($query); ?>
 
    <div class="row">
	 <div class="col-lg-3 col-md-6 col-sm-12 mb-4">
                <div class="card card-small card-post card-post--1">
                  <div class="card-post__image" style="background-image: url('images/content-management/2.jpeg');">
                    <a href="#" class="card-post__category badge badge-pill badge-info">HOTELss </a>
                    <div class="card-post__author d-flex">
                      <a href="#" class="card-post__author-avatar card-post__author-avatar--small" style="background-image: url('images/avatars/1.jpg');">Written by James Jamerson</a>
                    </div>
                  </div>
                  <div class="card-body p-0">
                    <ul class="list-group list-group-small list-group-flush">
                      <li class="list-group-item d-flex px-3">
                        <span class="text-semibold text-fiord-blue">SINGLE</span>
                        <span class="card-post__category badge badge-pill badge-info">19,291</span>
                      </li>
                  
                     
                      <li class="list-group-item d-flex px-3">
                        <span class="text-semibold text-fiord-blue">COUPLE</span>
                        <span class="ml-auto text-right text-semibold text-reagent-gray">6,218</span>
                      </li>
					    <li class="list-group-item d-flex px-3">
                        <span class="text-semibold text-fiord-blue">TOTAL SINGLE</span>
                        <span class="ml-auto text-right text-semibold text-reagent-gray">6,218</span>
                      </li>
                      <li class="list-group-item d-flex px-3">
                        <span class="text-semibold text-fiord-blue">TOTAL COUPLE</span>
                        <span class="ml-auto text-right text-semibold text-reagent-gray">1,218</span>
                      </li>
                      <li class="list-group-item d-flex px-3">
                        <span class="text-semibold text-fiord-blue">TOTAL DU JOUR</span>
                        <span class="ml-auto text-right text-semibold text-reagent-gray">827</span>
                      </li>
                    </ul>
                  </div>
				     <div class="card-footer border-top">
                    <div class="row">
                      <div class="col">
                        <select class="custom-select custom-select-sm">
                          <option selected>Last Week</option>
                          <option value="1">Today</option>
                          <option value="2">Last Month</option>
                          <option value="3">Last Year</option>
                        </select>
                      </div>
                      <div class="col text-right view-report">
                        <a href="#">Full report →</a>
                      </div>
                    </div>
                  </div>
				  
                </div>
              </div>
			  
			  
			  
			  
			  
 <?php  $query = "SELECT * FROM formula ";  
      $result = mysqli_query($connect, $query);
$row = mysqli_fetch_array($result);
	  ?>


			  
	 <div class="col-lg-8 mb-4">
                <div class="card card-small mb-4">
                  <div class="card-header border-bottom">
                    <h6 class="m-0">Reservation <?php echo "".$_REQUEST['idhot'].""; ?></h6>
                  </div>
                  <ul class="list-group list-group-flush">
         <?php      $date = date('d/m/Y'); ?>
                  <?php
$a=194400;
$a="";
$a="";
$a="";

				  ?>
                 
                    <li class="list-group-item p-3">
                      <div class="row">
                        <div class="col-sm-12 col-md-6">
                         
                          <form method="post" action="<?php echo $_SERVER['PHP_SELF']?>">
						     
						  
                           
							 
                      
							  <input  type="hidden" name="datereserva" id="datop"  value="<?php  echo date("d/m/Y" ); ?> "  size="25">
							  <?php
							 
							  
							  ?>
						     
							 <div class="form-row">
               
                <label>Choisissez la formule</label>  
                <input type="text" name="formule" id="formule" class="form-control" placeholder="Choisissez la formule" />  
                <div id="formuleList"></div>  
           </div>
			
		
							 <div class="form-row">
                               <div id="blog-overview-date-range" class="input-daterange input-group input-group-sm my-auto ml-auto mr-auto ml-sm-auto mr-sm-0" style="max-width: 350px;">
                          <input type="text" class="input-sm form-control" name="start" placeholder="CHECK-IN" id="blog-overview-date-range-1" required>
                          <input type="text" class="input-sm form-control" name="end" placeholder="CHECK-OUT" id="blog-overview-date-range-2" required>
                       
                        </div>
                            </div><BR>
							 <strong class="text-muted d-block mb-2">Mode de paiement</strong>
							 
                        <div class="btn-group btn-group-toggle mb-3" data-toggle="buttons">
					
                          <label class="btn btn-white active">
                            <input type="radio" name="modpaie" id="option1" autocomplete="off" value="COMPTANT" checked> COMPTANT </label>
                          <label class="btn btn-white">
                            <input type="radio" name="modpaie" id="option2" autocomplete="off" value="TPE">  TPE </label>

						
                        
                        </div>
						
                          
                        
                    
                        </div>
                        <div class="col-sm-12 col-md-6">
                          <strong class="text-muted d-block mb-2">Information du Client </strong>
                       
                            <div class="form-row">
							
                              <div class="form-group col-md-12">
                                <input type="text" name="nomcli" class="form-control is-valid" id="validationServer01" placeholder="NOM CLIENT" value="" required>
                               
                              </div>
                              <div class="form-group col-md-12">
                                <input type="text" name="cni" class="form-control is-valid" id="validationServer02" placeholder="N°CNI/PASSEPORT" value="" required>
                            
                              </div>
							   <div class="form-group col-md-12">
                                <input type="text" name="email" class="form-control is-valid" id="validationServer02" placeholder="EMAIL" value="" required>
                            
                              </div>
							   <div class="form-group col-md-12">
                                <input type="text" name="contact" class="form-control is-valid" id="validationServer02" placeholder="CONTACTS" value="" required>
                            
                              </div>
                            </div>
                          
                            <!-- Button Groups -->
                       
							<div class="col">
                          <button type="reset" class="mb-2 btn btn-primary mr-2">Annuler</button>
						    <button type="submit" name="co" class="mb-2 btn btn-primary mr-2">Valider</button>
                      
                        </div>
                          </form>
                        </div>
                      </div>
                    </li>
                  </ul>
                </div>
              </div>
            
         
           
           
            </div>
                  
      
          <footer class="main-footer d-flex p-2 px-3 bg-white border-top">
              <ul class="nav">
              <li class="nav-item">
                <a class="nav-link" href="accueil.php">Accueil</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="reservations.php">Reservations</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="payment.php">Paiements</a>
              </li>
             
              
            </ul>
            <span class="copyright ml-auto my-auto mr-2">Copyright © 2018
              <a href="#" rel="nofollow">AIR COTE D'IVOIRE</a>
            </span>
          </footer>
        </main>
      </div>
    </div>
   
    <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
  
    <script src="https://unpkg.com/shards-ui@latest/dist/js/shards.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Sharrre/2.0.1/jquery.sharrre.min.js"></script>
    <script src="scripts/extras.1.1.0.min.js"></script>

  </body>
</html>

		
<script>  
 $(document).ready(function(){  
      $('#formule').keyup(function(){  
           var query = $(this).val();  
           if(query != '')  
           {  
                $.ajax({  
                     url:"search.php",  
                     method:"POST",  
                     data:{query:query},  
                     success:function(data)  
                     {  
                          $('#formuleList').fadeIn();  
                          $('#formuleList').html(data);  
                     }  
                });  
           }  
      });  
      $(document).on('click', 'li', function(){  
           $('#formule').val($(this).text());  
           $('#formuleList').fadeOut();  
      });  
 });  
 </script>  
jordane45
Messages postés
23551
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
9 décembre 2018
-
Pour commencer... les scripts... se placent AVANT le </body>

Ensuite.. où est le "error" dont je t'ai parlé ?
Comment se nomme le fichier dans lequel tu as placé ton script JS ?
Que t'affiche la console ?

NB: Quelques petits conseils à lire concernant l'écriture de ton code : http://www.commentcamarche.net/faq/48399-php-gestion-des-erreurs-debogage-et-ecriture-du-code
Commenter la réponse de fedely
0
Merci
J'ai cette erreur :

Error: Bootstrap's JavaScript requires jQuery bootstrap.min.js:6:37
Erreur dans les liens source : request failed with status 404
URL de la ressource : http://localhost/hfevasion/hfevasion/styles/bootstrap.min.css
URL du lien source : bootstrap.min.css.map[En savoir plus]
jordane45
Messages postés
23551
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
9 décembre 2018
-
Déjà.. tu as inclus deux fois (et deux versions différentes....) de jquery
	Line 30: 	    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>  
	Line 392:     <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
J'ai supprimer celui dela ligne 30.
Quand je fais le test dans le formulaire, il me mets à chaque fois '''réessayez''' trouvé
 <?php  
 $connect = mysqli_connect("localhost", "joel", "ssssdd", "king");  
 if(isset($_POST["query"]))  
 {  
      $output = '';  
      $query = "SELECT * FROM formula WHERE type LIKE '%".$_POST["query"]."%'";  
      $result = mysqli_query($connect, $query);  
      $output = '<ul class="list-unstyled">';  
      if(mysqli_num_rows($result) > 0)  
      {  
           while($row = mysqli_fetch_array($result))  
           {  
                $output .= '<li>'.$row["type"].'|'.$row["nuitee"].'|'.$row["montant"].'</li>';  
           }  
      }  
      else  
      {  
           $output .= '<li>Réessayez SVP</li>';  
      }  
      $output .= '</ul>';  
      echo $output;  
 }  
 ?>  
jordane45
Messages postés
23551
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
9 décembre 2018
-
Tu n'as pas effectué les modifications que je t'ai indiqué...
Reviens-nous voir quand tu auras essayé !
Commenter la réponse de fedely