Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it L'avatar di allin81
    Registrato dal
    Mar 2011
    Messaggi
    1,875

    campo di testo autocomplete con php/mysql

    Salve a tutti
    sto cercando qualche esempio di autocomplete pescando i dati dal mio database.

    In pratica in un campo di testo nell'header del sito vorrei poter far scrivere le iniziali di un nome di un albergo in modo da mostrarli tutti, più lettere inserisco e piu' si affina la ricerca.
    Poi cliccandoci sopra vorrei che vada in automatico sulla scheda di quell'hotel, al limite possono cliccare sul pulsante per andarci.

    Ne ho trovati un bel po', alcuni sembrano abbastanza buoni per quello che mi occorre pero' nessuno mi consente pescare dal database degli hotels ed andare sul link che mi occorre.

    Ne conoscete uno abbastanza semplice da poter utilizzare?
    Utilizzo bootstrap sul sito, non se se può essere un indizio buono

    Grazie

  2. #2
    Utente di HTML.it L'avatar di allin81
    Registrato dal
    Mar 2011
    Messaggi
    1,875
    Aggiornamento
    ho creato un file chiamato autocomplete.php con il seguente codice:
    codice:
    $request = mysqli_real_escape_string($conn, $_POST["query"]);
    $query = "SELECT nome_hotel, directory FROM hotel WHERE nome_hotel LIKE '%".$request."%' and attivo='1'";
    
    
    $result = mysqli_query($conn, $query);
    
    
    $data = array();
    
    
    if(mysqli_num_rows($result) > 0)
    {
     while($row = mysqli_fetch_assoc($result))
     {
      $data[] = ucwords(strtolower($row["nome_hotel"]));
     }
     echo json_encode($data);
    }
    Poi ho creato il modulo con questo codice:
    codice:
    <form class="d-flex">
            <input name="nomehotel" id="nomehotel" class="form-control me-2" type="text" autocomplete="off" placeholder="Nome Hotel" aria-label="Cerca">
            <button class="btn btn-warning" type="submit">Vai</button>
          </form>
    infine nella pagina dove ho modulo col pulsante ho inserito questo codice javascript
    codice:
    <script>
    $(document).ready(function(){
    
    
     $('#nomehotel').typeahead({
      source: function(query, result)
      {
       $.ajax({
        url:"autocomplete.php",
        method:"POST",
        data:{query:query},
        dataType:"json",
        success:function(data)
        {
         result($.map(data, function(item){
          return item;
         }));
        }
       })
      }
     });
    
    
    });
    </script>
    L'autocomplete funziona, adesso vorrei soltanto fare in modo che quando cliccano sul pulsante si apra direttamente la pagina dell'hotel scelto.
    Come posso inserire il link da aprire?

  3. #3
    Utente di HTML.it L'avatar di allin81
    Registrato dal
    Mar 2011
    Messaggi
    1,875
    dimenticavo

    il link dell'hotel lo tiro fuori dalla variabile $directory aggiungendo poi htm

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.