jquery Autocomplete

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • jquery Autocomplete

    Hallo zusammen,

    ich habe dieses Script (klick) bei mir im Einsatz.

    Muss ich jetzt für jede Suche eine neue Datei anlegen? Oder kann ich das anders handhaben.

    Ich hoffe ihr könnt mir weiter helfen.

    Diese Dateien sind also Demo im Paket enthalten

    index.php

    Quellcode

    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2. <html xmlns="http://www.w3.org/1999/xhtml">
    3. <head>
    4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    5. <title>Auto Complete Input box</title>
    6. <link rel="stylesheet" type="text/css" href="jquery.autocomplete.css" />
    7. <script type="text/javascript" src="jquery.js"></script>
    8. <script type="text/javascript" src="jquery.autocomplete.js"></script>
    9. <script>
    10. $(document).ready(function(){
    11. $("#tag").autocomplete("autocomplete.php", {
    12. selectFirst: true
    13. });
    14. });
    15. </script>
    16. </head>
    18. <body>
    19. <label>Tag:</label>
    20. <input name="tag" type="text" id="tag" size="20"/>
    21. </body>
    22. </html>
    Alles anzeigen


    autocomplete.php

    Quellcode

    1. <?php
    2. $q=$_GET['q'];
    3. $my_data=mysql_real_escape_string($q);
    4. $mysqli=mysqli_connect('localhost','root','','autofield') or die("Database Error");
    5. $sql="SELECT name FROM tag WHERE name LIKE '%$my_data%' ORDER BY name";
    6. $result = mysqli_query($mysqli,$sql) or die(mysqli_error());
    8. if($result)
    9. {
    10. while($row=mysqli_fetch_array($result))
    11. {
    12. echo $row['name']."\n";
    13. }
    14. }
    15. ?>
    Alles anzeigen

  • Moin!

    Du kannst zum Beispiel an den Dateinamen, den du im autocomplete angibst, einen GET-Parameter angeben, mit dem du bestimmst, welche Art von Daten angezeigt werden soll.

    Quellcode

    1. $(document).ready(function(){
    2. $("#tag").autocomplete("autocomplete.php?content=tag", {
    3. selectFirst: true
    4. });
    5. });


    Quellcode

    1. $content = $_GET['content'];
    3. if ('tag' == $content) {
    4. // Do the one
    5. } elseif ('name' == $content) {
    6. // Do something other
    7. }


    Nur mal als Denkanstoß. :)

    Grüße!
    Bodo06