Automatisch ausfahrendes Suchfeld

Computer: Software & Programmierung Programmierung allgemein
#1

Hi Leute, findet sich hier vielleicht der ein oder andere Programmierer? Ich hätte eine spezielle Frage bezüglich einer Suchfunktion. Ich arbeite gerade an einer Webseite zum Thema Arbeitssicherheit und würde gerne die Suchfunktion der Seite überarbeiten. http://www.as-koenig.de/de/

Zum aktuellen Zeitpunkt findet man die Suchfunktion auf einer separaten Unterseite, indem man oben auf die Lupe im Head-Bereich klickt. Das ist aber nicht Sinn und Zweck der Sache. Viel lieber hätte ich die Suchfunktion oben, die dann mit einem Klick auf die Lupe automatisch ausfährt bzw. erscheint.

Leider wüsste ich nicht wie ich sowas am besten umgesetzt bekomme, da ich nicht gerade der Überprogrammierer bin. Hat vielleicht jemand von euch eine Idee wie man das am besten angeht?

Ich würde mich über jede Hilfe die mir weiterhilft freuen und wünsche allen einen schönen Start in die Woche!

#2

Du schreibst das komplette HTML von dem Suchformular in ein floating DIV, positionierst das wie gewünscht und versteckst das mit dem Style display:none. Dieses DIV braucht eine eindeutige ID. Sagen wir für dieses Beispiel sei die ID „SearchField“.

Dann benutzt du das - ohnehin schon auf der Seite vorhandene - jQuery um das einzublenden. Da gibt es mehrere Möglichkeiten. Die einfachste ist, ins Klickereignis der Lupe den folgenden Befehl zu ergänzen:

$('#SearchField').show();

Hier noch die Doku und Beispiele dazu: http://api.jquery.com/show/

Und wenn du es richtig nice haben willst, dann machst du ein leeres DIV und holtst das eigentliche Formular dann per AJAX, wenn jemand die Lupe klickt. Sonst wird das immer umsonst geladen, wenn keiner was suchen will. Auch das geht mit jQuery recht einfach per $(’#SearchField’).load()-Befehl