Computerhilfen.de Logo
Forum
Tipps
News

Website-Suchfunktion programmieren?

Hallo zusammen

Ich arbeite seit ein paar Tagen an der Umgestaltung einer Webseite die sich mit dem Thema Arbeitssicherheit auseinandersetzt. Ich würde nun gerne die Suchfunktion der Seite überarbeiten.

Aktuell ist das so geregelt, dass die Suche oben rechts über die Lupe zu erreichen ist. Klickt man auf das Symbol kommt man auf eine gesonderte Unterseite, wo sich dann auch das Suchfeld befindet.

http://www.as-koenig.de/de/

Nun würde ich das gerne so umgestalten, dass die Suchfunktion direkt im Head-Bereich ist. Mit einem Klickt auf die Lupe, soll die Suchfunktion automatisch ausfahren und demnach dynamisch sein. Leider weiß ich nicht wie ich das am besten Umsetze. Habt ihr vielleicht Ideen und Lösungen dafür?

Ich würde mich auf jeden Fall freuen, wenn sich der ein oder andere hier hilfsbereit zeigen und mir helfen würde.


Antworten zu Website-Suchfunktion programmieren?:

... Suchfunktion automatisch ausfahren und demnach dynamisch sein ...
Läßt sich dazu etwas mehr offenbaren - damit der Leser erkennt was du wirklich realisieren möchtest?

Soll die Suchmaske in etwa so aussehen wie auf deren Seite:
https://wiki.selfhtml.org/wiki/Webstandards/Navigationstechniken
Lies dort zu "Sitesearch".
Oder soll deine "Suchfunktion" mehr in Richtung
"Auswahl über 'Dropdownmenü'" tendieren?

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Nein, er meint eine einfache Javascript-Funktion, mittels der bei einem Klick auf die Lupe das Eingabefeld für die Suche eingeblendet wird.

Das kann auf zweierlei Arten bewerkstelligt werden. Auf jeden Fall bedarf es einer Javascript-Funktion, die bei einem Klick auf die Lupe ausgeführt wird.

<a href="Javascript:suchfeld()"><img src="Lupe.png" alt="suchen"></a>Die Funktion kann dann entweder ein bereits vorhandenes, verstecktes Suchfeld sichtbar machen
function suchfeld {
document.getElementById("formular").style.display="";
}
oder das Suchfeld via innerHTML in das gewünschte Element geschrieben.

« Mozilla-bringt-kostenlosen-Sicherheitstest-fuer-Websitesverlauf löschen bei Aol »
 

Schnelle Hilfe: Hier nach ähnlichen Fragen und passenden Tipps suchen!