Advanced Search

Return to Snippet

Revision: 68121
at December 10, 2014 18:18 by ulfinger
Updated Code 
<html>
<head>
<?php
// Verbindung zur Datenbank herstellen
$db_server    = "localhost";
$db_user      = "db12345-user";
$db_passwort  = "geheimnis";
$db_name      = "db12345-db";
$db = @ mysql_connect($db_server, $db_user, $db_passwort)
or die ( 'Konnte keine Verbindung zur Datenbank herstellen' );
$db_select = @ mysql_select_db($db_name );

// Einträge aus Datenbank abrufen
$autoFrage = "SELECT  tblObject_1.input_name FROM tblObject_1";
$autoResult = mysql_query($autoFrage);
while($autoDaten = mysql_fetch_object($autoResult)){
    $autoString .= '"'.$autoDaten->input_name.'",';
}
?>
<script type="text/javascript">
  $(function() {
    var availableTags = [<?php echo $autoString; ?>];
    $( "#tags" ).autocomplete({
      source: availableTags
    });
  });
</script>
<style type="text/css">
  /* Formatierung der Ergebnisse: *>

  /* Die Statuszeile von jQuery UI autocomplete wird ausgeblendet: */
  .ui-helper-hidden-accessible {display: none;}
</style>
</head>
<body>
  <form>
    <input type="text" id="tags" name="eingabe"/>
  </form>
</body>
</html>

Revision: 68120
at November 29, 2014 23:25 by ulfinger
Initial Code 
<html>
<head>
<?php
// Verbindung zur Datenbank herstellen
$db_server    = "localhost";
$db_user      = "db12345-user";
$db_passwort  = "geheimnis";
$db_name      = "db12345-db";
$db = @ mysql_connect($db_server, $db_user, $db_passwort)
or die ( 'Konnte keine Verbindung zur Datenbank herstellen' );
$db_select = @ mysql_select_db($db_name );

// Einträge aus Datenbank abrufen
$autoFrage = "SELECT  tblObject_1.input_name FROM tblObject_1";
$autoResult = mysql_query($autoFrage);
while($autoDaten = mysql_fetch_object($autoResult)){
    $autoString .= '"'.$autoDaten->input_name.'",';
}
?>
<script type="text/javascript">
  $(function() {
    var availableTags = [<?php echo $autoString; ?>];
    $( "#tags" ).autocomplete({
      source: availableTags
    });
  });
</script>
<style type="text/css">
  /* Formatierung der Ergebnisse: *>

  /* Die Statuszeile von jQuery UI autocomplete wird ausgeblendet: */
  .ui-helper-hidden-accessible {display: none;}
</style>
</head>
<body>
  <form>
    <input type="text" id="tags" name="eingabe"/>
  </form>
</body>
</html>
Initial URL 

                                

                                                            

                                    

                                        

                                        Initial Description
                                        

                                    

                                    
Mit dem php-Script innerhalb der Seite wird aus der SQL-Datenbank ein Javascript-Array zusammengestellt. Darauf greift das autocomplete-Widget zu.

                                

                                                            

                                    

                                        

                                        Initial Title
                                        

                                    

                                    
jQuery UI input autocomplete mit Datenbank

                                

                                                            

                                    

                                        

                                        Initial Tags
                                        

                                    

                                    
jquery

                                

                                                            

                                    

                                        

                                        Initial Language
                                        

                                    

                                    
jQuery