Tutorial kleine Suchmaschine - von Webbausteine.de

 

Bei dieser kleinen Suchmaschine handelt es sich lediglich um ein kleines Skript, welches in den im Skript eingetragenen Verzeichnissen sucht.

Hier ist das Skript, das Ihr Euch bei Webbaussteine.de herunterladen oder unten kopieren könnt. Ich beschreibe hier die Version vom 20.11.2013.

Die Einstellungen sind selbsterklärend. Dies ist mein Skript, so wie ich es hier eingebaut habe. Ihr tragt also lediglich alle Verzeichnisse in denen gesucht werden soll, mittels relativer Pfadangabe ein. Meine Verzeichnisse habe ich hier blau markiert. Ihr könnt Dateiendungen, die gefunden werden sollen, eintragen oder auch Dateien ganz von der Suche ausschließen.

Öffnet also die Datei “kleine_suchmaschine.php” von Webbausteine.de und kopiert Euch den unten gezeigten Code, alles was innerhalb und inklusive des <?php .... ?> Tags steht, aus dieser Seite in Euren HTML-Code Editor eines Textfeldes. Zieht das Textfeld an der Stelle auf, an der die Eingabe zur Suche erscheinen soll.

Die Seite, auf der Ihr das einbauen wollt, müsst Ihr natürlich auf die Dateierweiterung .php stellen.

> Menü oben > Bearbeiten > Benutzerdefinierte Namen > Dateierweiterung > .php wählen

> Textfeld aufziehen (Cursor blinkt im Textfeld) > mittlere Button oben im Fenster “Text-Eigenschaften” > Button “HTML” > Code einfügen

Die CSS (Style-Anweisung) für die Anzeige der Such-Ergebnisse, die Ihr natürlich nach Euren Wünschen anpassen könnt, gehört in die HTML des Layouts.

> Layout markieren > Fenster “Layout-Eigenschaften” > was innerhalb und inklusive der <style> .... </style> Tags steht > “Zwischen Head Tags” einfügen

<style>
  body {
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 0.90rem;
  }

  mark { /* Suchbegriff hervorheben */
   background-color: #D5FFAA;
  }

  var { /* Datei-Info */
   color: #00AF00;
   font-size: 0.70rem;
  }
</style>

Suchen-Feld auf anderen Seiten hinzufügen:

Für den Einbau weiterer Suchfelder braucht Ihr lediglich dieses Formular auf Euren Seiten einbauen. Achtet dabei auf die korrekte relative Pfadangabe zu der Seite, auf der Ihr das PHP-Skript zur Suche eingebunden habt. Bei mir ist das hier die Startseite index.php.

Zieht Euch dafür wieder an der Stelle, wo das Formular zu Suche erscheinen soll, ein Textfeld auf und fügt den Code unten in die HTML des Textfeldes ein.

> Textfeld aufziehen (Cursor blinkt im Textfeld) > mittlere Button oben im Fenster “Text-Eigenschaften” > Button “HTML” > Code einfügen

<form method="get" action="../index.php">
   <input type="search" name="suchbegriff" placeholder="Suchbegriff eingeben (3-50 Zeichen)"  size="35" required="required"> <input type="submit" name="suche" value="suchen">
</form>

Die Breite des Suchen-Feldes könnt Ihr bei size=”35” individuell anpassen, also z.B. auf “20” verkürzen - oder wie auch immer.

Viel Spaß!

Tutorials von Thomas Frei-Herrmann

diese Seite weiter empfehlen


Counter Statistik