kostenloser Webspace werbefrei: lima-city

Such-Vorschläge (Google Suggest) als Dropdown ?

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   hellotext

   hellotext hat kostenlosen Webspace.

   12:36, 5.2.2015

   Hallo
   
   ich habe es hinbekommen, dass mir zu einer Formular INPUT-Feld Eingabe
   die Such-Vorschläge von Google ausgegeben werden (Google Suggest API)
   
   BSP siehe HIER: http://jsfiddle.net/Lkneb3ny/2/
   
   soweit so gut, aber wie bekomme ich es hin,
   dass diese Such-Vorschläge (die Links) quasi als DropDown
   unter dem INPUT-Engabe Feld kommen, nicht als <ol> Liste
   
   und so, dass bei Klick auf einen der Vorschläge
   dieser in das INPUT-Engabe Feld übernommen wird
   (und am besten dann auch die Vorschlag-Liste per fadeOut wieder verschwidet)
   
   dabei soll, wenn das DropDown Dings / die Vorschläge-Box eingeblendet wird
   nicht der darunter-liegende Inhalt nach unten verschoben werden ...
   (irgendwie mit CSS psoition:absolute oder so ? ... als schwebendes Box-Element)
   
   ... also das ganze einfach noch ein bischen "schöner" machen :=)
   Danke
   
   
   Beitrag zuletzt geändert: 5.2.2015 12:38:21 von hellotext

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. c143

   c143 hat kostenlosen Webspace.

   12:53, 5.2.2015

   Meinst du so ähnlich wie bei google? Schau dir mal die Demos hier an. Kannst du sicher was auf deinen Anwendungszweck zusammenbasteln.
   Oder ein wenig simpler und schlichter: hier.
   Und um noch ein drittes zu nennen. :P hier.
   
   Beitrag zuletzt geändert: 5.2.2015 12:57:03 von c143

4. h-weber

   h-weber hat kostenlosen Webspace.

   18:07, 7.2.2015

   Für ein reines Autocomplete kannst Du beispielsweise jQuery UI verwenden, da gibt es das ohne viel Aufwand.
   
   Für die Daten müsstest Du dann schauen, ob Du die über die API von Google irgendwo als JSON bekommst, wenn das eine einfache URL mit Parametern ist, würde jQuery UI sogar das out-of-the-box können.
   
   Viele Grüße
   Henrik

5. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?