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
Einklappen
  • Seite von 3
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge
Vorherige 1 2 3 Weiter
  • #1

    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>


    Stichworte: -
  • #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.

    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

        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
            Zuletzt geändert von hausl; 20.07.2016, 13:35. Grund: MOD: Bitte Standard-Font nutzen, danke!
            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

              Kommentar

              • #8
                Zuletzt geändert von Platoon71; 20.07.2016, 14:13.
                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.

                  Kommentar

                  • #10
                    Zuletzt geändert von Platoon71; 20.07.2016, 14:46.
                    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.

                      Kommentar

                      • #12
                        + "$abteilung" ?

                        scheint so, als ob du keine fehler ausgibst

                        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.

                            Kommentar

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

                              Kommentar

                              Vorherige 1 2 3 Weiter
                              Lädt...
                              X