• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

HTML Suchfunktion

Status
Für weitere Antworten geschlossen.

snboy2005

Neues Mitglied
Hallo. Brauche Hilfe. Also folgendes:

Ich habe ein Eingabefenster erzeugt. Jetzt soll man einen Begriff in dieses Fenster eintippen.
Es ist eine Liste mit verschiedenen Namen vorhanden. Diese Liste ist aber zu lang um diese durchzublättern. Darum soll man jetzt einen Namen in dieses Eingabefenster eintippen und mit Enter bestätigen. Im Hintergrund wird dann die Liste durchsucht und falls der Name vorhanden ist wird zu dieser Stelle gesprungen falls nicht kommt eine Fehlermeldung. Wie kann ich diese Suchfunktion implementieren bzw. erstellen?
 
Das habe ich bereits auch rausgefunden. PHP würde gehen aber ich würde JavaScript-Code bevorzugen. Aber wie ich so einen schreibe, weiss ich nicht. Jemand einen Tipp oder vielleicht einen der fertigen Codes? ich müsste ja diese Codes in meinen HTML-Script einbinden.
Also genauer suche ich einen Code der ähnliche Arbeit macht wie z.B. in Windows die Tasten-Kombination "Strg+F".
 
OK, und wie wende ich diese an meine Eingabeaufforderung an? Also als Beispiel hier so ein Code:

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
<META NAME="Generator" CONTENT="NetObjects Fusion 7.5 für Windows">
<TITLE>Home</TITLE>
</HEAD>
<BODY NOF="(MB=(DefaultMasterBorder, 65, 60, 10, 10), L=(HomeLayout, 570, 778))" BGCOLOR="#FFFFFF" BACKGROUND="file:///D:/NetObjects Fusion 7.5/User Sites/suche/Styles/Phoenix - Teal & Gray/Images/background.gif" TEXT="#000000" LINK="#0033CC" VLINK="#990099" ALINK="#FF0000" TOPMARGIN=0 LEFTMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
    <TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0 WIDTH=285 NOF=LY>
        <TR VALIGN=TOP ALIGN=LEFT>
            <TD>
                <TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=231 NOF=LY>
                    <TR VALIGN=TOP ALIGN=LEFT>
                        <TD WIDTH=33 HEIGHT=102><IMG SRC="file:///D:/NetObjects Fusion 7.5/User Sites/suche/Preview/Autogen/clearpixel.gif" WIDTH=33 HEIGHT=1 BORDER=0 ALT=""></TD>
                        <TD></TD>
                    </TR>
                    <TR VALIGN=TOP ALIGN=LEFT>
                        <TD HEIGHT=40></TD>
                        <TD WIDTH=198>
                            <FORM NAME="LayoutBereich1FORMULAR" ACTION="" METHOD=POST>
                                <TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=160 NOF="LayoutBereich1">
                                    <TR VALIGN=TOP ALIGN=LEFT>
                                        <TD HEIGHT=19 WIDTH=160><INPUT ID="Eingabefeld1" TYPE=TEXT NAME="Eingabefeld1" VALUE="" SIZE=20 MAXLENGTH=20></TD>
                                    </TR>
                                </TABLE>
                            </FORM>
                        </TD>
                    </TR>
                </TABLE>
            </TD>
            <TD>
                <TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=54 NOF=LY>
                    <TR VALIGN=TOP ALIGN=LEFT>
                        <TD WIDTH=6 HEIGHT=103><IMG SRC="file:///D:/NetObjects Fusion 7.5/User Sites/suche/Preview/Autogen/clearpixel.gif" WIDTH=6 HEIGHT=1 BORDER=0 ALT=""></TD>
                        <TD></TD>
                    </TR>
                    <TR VALIGN=TOP ALIGN=LEFT>
                        <TD HEIGHT=46></TD>
                        <TD WIDTH=48>
                            <FORM NAME="LayoutBereich2FORMULAR" ACTION="" METHOD=POST>
                                <TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=36 NOF="LayoutBereich2">
                                    <TR VALIGN=TOP ALIGN=LEFT>
                                        <TD HEIGHT=24 WIDTH=36><INPUT TYPE=SUBMIT NAME="Schaltfläche1" VALUE="OK" ID="Schaltflaeche1"></TD>
                                    </TR>
                                </TABLE>
                            </FORM>
                        </TD>
                    </TR>
                </TABLE>
            </TD>
        </TR>
    </TABLE>
    <TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=328 NOF=LY>
        <TR VALIGN=TOP ALIGN=LEFT>
            <TD WIDTH=24 HEIGHT=10><IMG SRC="file:///D:/NetObjects Fusion 7.5/User Sites/suche/Preview/Autogen/clearpixel.gif" WIDTH=24 HEIGHT=1 BORDER=0 ALT=""></TD>
            <TD WIDTH=304><IMG SRC="file:///D:/NetObjects Fusion 7.5/User Sites/suche/Preview/Autogen/clearpixel.gif" WIDTH=304 HEIGHT=1 BORDER=0 ALT=""></TD>
        </TR>
        <TR VALIGN=TOP ALIGN=LEFT>
            <TD></TD>
            <TD WIDTH=304>
                <P><FONT FACE="Arial,Helvetica,Geneva,Sans-serif,sans-serif">Bayern München1082027:4+23<B>262</B>Werder Bremen1062224:16+8<B>203</B>Hamburger SV1062216:8+8<B>204</B>Karlsruher SC1061313:11+2<B>195</B>FC Schalke 041045116:9+7<B>176</B>Hannover 961052315:150<B>177</B>Bayer Leverkusen1043314:8+6<B>158</B>Eintracht Frankfurt1043312:14-2<B>159</B>VfL Wolfsburg1034315:150<B>1310</B>Hertha BSC1041513:15-2<B>1311</B>Borussia Dortmund1041516:19-3<B>1312</B>Arminia Bielefeld1032512:22-10<B>1113</B>Hansa Rostock1031611:15-4<B>1014</B>VfB Stuttgart1031611:18-7<B>1015</B>1. FC Nürnberg1023514:17-3<B>916</B>VfL Bochum1023513:17-4<B>917</B>MSV Duisburg1030712:17-5<B>918</B>Energie Cottbus</FONT></P>
            </TD>
        </TR>
    </TABLE>
</BODY>
</HTML>
Wenn man jetzt z.B. Dortmund eintippt dann soll er auf die Stelle mit Dortmund springen, falls Groß- und Kleinschreibung soll dabei nicht berücksichtigt werden. Wenn Dortmund nicht vorhanden ist soll eine Fehlermeldung erscheinen. Falls Dortmund an mehreren Positionen vorhanden ist, so soll man auch nach unten oder oben springen können.
Wie mache ich es?
Vielleicht ein kleiner Beispielscript wenn es geht??
 
Zuletzt bearbeitet von einem Moderator:
snboy2005

nutze bitte ab dem nächsten Mal, wenn du hier Codes postest die Code-Tags, wie es in den Forenregeln beschrieben ist, danke. Dieses Mal habe ich sie noch eingefügt.
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben