Ankündigung

Einklappen
Keine Ankündigung bisher.

Autocomplete (jQuery UI) auf Basis einer Datenbankabfrage...

Einklappen

Neue Werbung 2019

Einklappen
Dieses Thema ist geschlossen.
X
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Autocomplete (jQuery UI) auf Basis einer Datenbankabfrage...

    Hallo,

    ich stehe auf dem Schlauch...

    ich würde gerne für meine Webseite ein Autocomplete (jQuery UI) erstellen uns zwar auf Basis einer Datenbank-Abfrage...
    Ledier weiß ich nicht, wie ich dies bewerstelligen könnte.
    Kanst Du mir hier helfen?


    Code:
        <!doctype html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>jQuery UI Autocomplete - Default functionality</title>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css">
    <link rel="stylesheet" href="/resources/demos/style.css">
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
    <script>
    $( function() {
    var availableTags = [
    "ActionScript",
    "AppleScript",
    "Asp",
    "Lisp",
    "Perl",
    "PHP",
    "Python",
    "Ruby",
    "Scala",
    "Scheme"
    ];
    $( "#tags" ).autocomplete({
    source: availableTags
    });
    } );
    </script>
    </head>
    <body>
    <div class="ui-widget">
    <label for="tags">Tags: </label>
    <input id="tags">
    </div>
    </body>
    </html>



  • #2
    Wo genau ist dein Problem? Der Code oben funktioniert? Dann ersetz die fixen Werte durch die aus der DB. Wenn es mehr sind kannst du auch anders machen.. eine Query je Tastendruck abfeuern. Hängt von der Anzahl der Werte ab. Dazu gibts aber eigenltich auch vieles im Web.
    The string "()()" is not palindrom but the String "())(" is.

    Debugging: Finde DEINE Fehler selbst! | Gegen Probleme beim E-Mail-Versand | Sicheres Passwort-Hashing | Includes niemals ohne __DIR__
    PHP.de Wissenssammlung | Kein Support per PN

    Kommentar


    • #3
      kannst Du mit hier einen Link geben?

      Kommentar


      • #4
        Da ist sicher was dabei für dich - zumindest um das Prinzip "abzuschauen": https://www.google.at/#safe=off&q=ph...y+autocomplete
        The string "()()" is not palindrom but the String "())(" is.

        Debugging: Finde DEINE Fehler selbst! | Gegen Probleme beim E-Mail-Versand | Sicheres Passwort-Hashing | Includes niemals ohne __DIR__
        PHP.de Wissenssammlung | Kein Support per PN

        Kommentar


        • #5
          Als Alternative hier mal ein autocomplete ohne Javascript:
          PHP-Code:
          <?php
          $dataoption 
          = array(
          "ActionScript",
          "AppleScript",
          "Asp",
          "Lisp",
          "Perl",
          "PHP",
          "Python",
          "Ruby",
          "Scala",
          "Scheme");

          $optionlist '';
          foreach (
          $dataoption as $value){
              
          $optionlist .= '<option value="' $value '">'PHP_EOL;
          }
          ?>

          <!doctype html>
          <html lang="de">
          <head>
          <meta charset="utf-8">
          <meta name="viewport" content="width=device-width, initial-scale=1">
          <title>Autovervollständigung mit HTML5 Datalist</title>
          </head>
          <body>
              <datalist id="languages">
                  <?=$optionlist?>
              </datalist>
              <label>Tags:
                  <input type="text" list="languages">
              </label>
          </body>
          </html>

          Kommentar


          • #6
            Cooler Ansatz, jetzt noch eine Anfänger-Frage...
            Wie bekomme ich die Daten aus der Datenbank in ein Array?

            Gruß

            Kommentar


            • #7
              Durch eine SELECT-Abfrage?! PDO zB hat fetchAll() Methode http://php-de.github.io/jumpto/pdo/#no-param
              The string "()()" is not palindrom but the String "())(" is.

              Debugging: Finde DEINE Fehler selbst! | Gegen Probleme beim E-Mail-Versand | Sicheres Passwort-Hashing | Includes niemals ohne __DIR__
              PHP.de Wissenssammlung | Kein Support per PN

              Kommentar


              • #8
                Hallo,

                ich habe es probiert... ich bekomme es nicht hin

                Kommentar


                • #9
                  Oje.. na kann man nichts machen..


                  -.- Im Ernst.. Was soll man dir mit der Info jetzt helfen? Du machst es uns damit echt schwer.

                  - Zeig deinen Versuch
                  - Gab es Fehler?
                  - Error Reporting aktiviert?
                  etc.. etc..
                  Rück mal raus damit.
                  The string "()()" is not palindrom but the String "())(" is.

                  Debugging: Finde DEINE Fehler selbst! | Gegen Probleme beim E-Mail-Versand | Sicheres Passwort-Hashing | Includes niemals ohne __DIR__
                  PHP.de Wissenssammlung | Kein Support per PN

                  Kommentar


                  • #10
                    SORRY - Vergessen


                    Code:
                    <?php
                    include "pdo_connection/pdo_connection.php";
                    
                    $sql = "SELECT * FROM id_mitarbeiter WHERE abteilung = :abteilung";
                    $stmt = $pdo->prepare($sql);
                    
                    $dataoption = array(':abteilung' => $abteilung);
                    $stmt->execute($dataoption);
                    
                    $optionlist = ' ';
                    foreach ($dataoption as $value){
                        $optionlist .= '<option value="' . $value . '">'. PHP_EOL;
                    }
                    
                    ?>
                    
                    <!doctype html>
                    <html lang="de">
                    <head>
                        <meta charset="utf-8">
                        <meta name="viewport" content="width=device-width, initial-scale=1">
                        <title>Autovervollständigung mit HTML5 Datalist</title>
                    </head>
                    <body>
                    <datalist id="languages">
                        <?=$optionlist?>
                    </datalist>
                    <label>Tags:
                        <input type="text" list="languages">
                    </label>
                    </body>
                    </html>

                    Kommentar


                    • #11
                      Schau mal den Code bitte genau an, das kann ja so auch nicht funktionieren.. Abgesehen von dem Doppelten foreach() schau mal was du da eigentlich auswertest und was du mit der DB Abfrage machst .. oder besser nicht machst. Und SELECT * ist auch pfui.. Felder aufzählen die du im Ergebnis haben willst.
                      The string "()()" is not palindrom but the String "())(" is.

                      Debugging: Finde DEINE Fehler selbst! | Gegen Probleme beim E-Mail-Versand | Sicheres Passwort-Hashing | Includes niemals ohne __DIR__
                      PHP.de Wissenssammlung | Kein Support per PN

                      Kommentar


                      • #12
                        + "$abteilung" ?

                        scheint so, als ob du keine fehler ausgibst
                        hardcore will never die

                        Kommentar


                        • #13
                          Sorry komm nicht weiter -> bin leider ein anfänger...

                          Kommentar


                          • #14
                            Dann eigne dir die nötigen Grundlagen an. Schau dir Beispiele und Tutorials an. Fertigen Code wird dir hier keiner nach Wunsch schreiben (Ausnahme Scriptbörse ...). Wenn du programmieren willst, dann lerne es, wenn dir zu gewissen Dingen noch Grundlagen fehlen dann arbeite zuerst daran bevor du so etwas entsprechendes umsetzt.
                            The string "()()" is not palindrom but the String "())(" is.

                            Debugging: Finde DEINE Fehler selbst! | Gegen Probleme beim E-Mail-Versand | Sicheres Passwort-Hashing | Includes niemals ohne __DIR__
                            PHP.de Wissenssammlung | Kein Support per PN

                            Kommentar


                            • #15
                              schau mal hier in der wissenssammlung(link oben im menü)
                              btw: da fehlt noch n beitrag zum aktivieren aller fehler @ hausl
                              hardcore will never die

                              Kommentar

                              Lädt...
                              X