Suchfunktion mit Javascript

  • Zitat von "philipp e."

    ja aber wie stelle ich das jetzt auf meine hp?


    Ich schreibe dir jetzt mal ein Tutorial:


    1. Suche dir einen geeigneten Platz auf deinem Desktop und mache einen Rechtsklick, nun gehst du auf Neu und dann auf Textdokument.


    2. Es öffnet sich ein neues so genanntes Fenster, in diesem Fenster kannst du mit deiner Tastatur (das ist das Teil direkt zwischen dir und deinem Bildschirm, das mit den vielen Tasten) etwas reinschreiben.


    3. Versuch es einmal, schreibe in deine Textdatei folgendes rein:


    Code
    <h1>Meine erste HTML - Seite</h1>


    Dazu drückst du folgendes:


    Vergiss nicht vorher mit der linken Maustaste in das große Feld zu klicken!



    4. Du klickst oben links in deinem Fenster auf Datei, und dann auf Speichern unter.


    5. Du schreibst in das kleine Textfeld unten in der Mitte 1.html, dazu drückst du folgende Tastenkombination:


    Code
    - 1
    - .
    - h
    - t
    - m
    - l


    Drücke auf speichern.


    6. Du gehst auf deinen Desktop, und machst einen Doppelklick auf die Datei an der 1 dran steht, nutze dafür die linke Maustaste.
    Wenn dir der Doppelklick zu schnell ist drücke mit der rechten Maustaste auf die Datei, und klicke dann mit links auf öffnen.


    Herzlichen Glückwunsch, du hast deine erste HTML Datei geschrieben!


    ---------------


    Copyright 2010 by Basi

  • Ich bin ja nicht so und versuche das etwas netter :D


    Inwiefern meinst du das? Willst du wissen, wie du die Daten ins Netz bekommst, oder wie du sie verwendest?
    Da das Hochladen eigentlich nicht schwer sein sollte hier mal, wie man so eine JavaScript-Suche verwendet:


    Ich habe versucht dir einen Code zu vereinfachen.
    Den Originalcode findest du hier.


    Um diesen Code zu benutzen, den ich dir etwas vereinfacht habe, musst du als erstes den Ornder entpacken, den du hier findest.


    Nun muss du in dem Kopf-Bereich deiner Seite (zwischen <head> und </head>) diese beiden Zeilen platzieren:

    Code
    <script language="javascript" type="text/javascript" src="./js/Suche1.js"></script>
    <script language="javascript" type="text/javascript" src="./js/Suche2.js"></script>


    Ich empfehle dir, dass du dir eine extra Suchseite machst, auf die du immer verlinkst, da das sonst eine große arbeit sein wird.
    Als Beispielt könntest du z.B. diesen kleinen Satz nehmen, mit dem du verlinkst:

    Code
    Suchen Sie etwas? <br />
    Dann benutzen Sie doch unsere <a href="URL-ZU-DER-SUCHSEITE">Hauseigene Suchmaschine</a>


    Ich erkläre dir das nun hier weiter, wie man das mit dieser Suchseite macht:
    In diese Suchseite setzt du also nun die beiden Codes vom Anfang hinein und schreibst dort, wo das Suchfeld sein sollte:

    Code
    <form name="database">
        <inpute type="hidden" name="list" value='ERSTE-SEITE.htm~Titel von ERSTE-SEITE.htm|BESCHREIBUNG1 BESCHREIBUNG2 ... '>
        </form>


    Bennene "ERSTE-SEITE.htm" in eine deiner Seiten um, z.B. "index.html".
    nach dem ~ kommt nun der Titel der Seite, z.B.
    "index.html~meineseite.de - Startseite"
    oder das, was du bei deinem Index als <title> verwendet hast.
    Nun schreibst du nach dem | einige Suchwörter, nachdenen später gesucht wird z.B.
    "|Stadt Land Fluss Name Beruf"
    Trenne die einzelnen Stichwörter mit einem Leerzeichen.
    Abschließend folgt noch ein * .
    Nun kommt deine Nächste Seite nach dem selben Prinzip dran:
    ZweiteSeite.htm~MeineSeite.de - Städte|Stadtname1 Stadtname2 ...*


    Mache das mit allen deinen Seiten, die durchsucht werden sollen.
    Benutze am besten möglichst viele Suchwörter.


    Nun öffnest du "Suche2.js" in einem Editor.
    Dort wirst du relativ weit oben die Zeile

    Code
    //hier kommt die ganze oder relative URL der Suchseite hin
        var search_htm_url = "index.html"; //Bsp.: index.html


    finden. Benenne "index.html" um in den Namen deiner Suchseite.


    Nun sollte eigentlich alles funktionieren :)


    Das Problem an dieser Suchmaschine:
    Sie kann nur etwas finden, wenn man genau das Stichwort benutz, welche eingetragen sind.

    Was du vielleicht auch verwenden könntest wäre die Google Suche.
    Google bietet eine kleine Suchleiste für deine Seite, schau mal hier.



    ____________________________________________________________


    Wer Rechtschreib-, Grammatik-, oder sonstige Fehler findet, darf Sie behalten^^
    Es ist nach 22Uhr, da gilt so etwas nicht mehr :D

  • Zitat von &quot;philipp e.&quot;

    an lauras:
    kannst du mir den code schreiben??


    an Basiii:
    hast du langeweile??



    Hab ich langeweile.. ich glaube nicht..
    warum schreibst du ihn denn bitte nicht selbst? *au (^^)

  • @phillip, Lauras kann leider kaum PHP, ich kann dir gerne ne PHP Suche bauen, aber dafür brauche ich deine Dateinamen. Auch die Verzeichnisse.


    Edit: Mittlerweile kann sie das sehr wohl :love:

    Einmal editiert, zuletzt von Basiii () aus folgendem Grund: zeitgemäße Aktualisierung des Inhaltes

  • Ok hier:
    admin.php
    bewerben.php
    bilder.php
    byteumrechner.php
    chat.php
    clan.php
    command.exe
    counter.php
    daten.dat
    downloads.php
    eintragen.php
    erfolg.php
    error.php
    forum.php
    gaestebuch.php
    gps-ortung.php
    home.php
    info.php
    kalendar.php
    kfz.php
    kontakt.php
    links.php
    login.php
    logout.php
    news.php
    open.php
    privat.php
    projekt.php
    rechner.php
    registrieren.php
    sonstiges.php
    spiele.php
    stundenplan.php
    zins.php


    bitte mach mir da jetzt eine suche raus, wenn du es machst wär ich froh =)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!