Hallo. Ich entwerfe gerade eine eigene HP und möchte eine Art Suchfunktion einfügen. Diese Suchfunktion möchte ich in JavaScript machen PHP geht leider nicht. Habe bis jetzt so etwas
<html>
<head>
<title>Suchen nach</title>
</head>
<body>
<?xml version="1.0" standalone="yes"?>
<html>
<head>
<title></title>
<meta name="author" content="BonJovi">
<meta name="generator" content="Microsoft FrontPage 5.0">
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<form name="search" onsubmit="return suchen(this.suchtexting.value);">Suchen nach: <input name="suchtexting" type="text" size="15" onchange="n = 0;" /></form>
<script type="text/javascript">
var NS4 = (!document.all);
var IE4 = (document.all);
var zaehler = 0;
function suchen(suchtext)
{
var txt, i, found;
if (suchtext == "")
{
return false;
}
if (NS4)
{
if (!this.find(suchtext))
{
while(this.find(suchtext, false, true))
zaehler++;
}
else
{
zaehler++;
}
if (zaehler == 0)
{
alert(suchtext + " was not found on this page.");
}
}
if (IE4)
{
txt = this.document.body.createTextRange();
for (i = 0; i <= zaehler && (found = txt.findText(suchtext)) != false; i++)
{
txt.moveStart("character", 1);
txt.moveEnd("textedit");
}
if (found)
{
txt.moveStart("character", -1);
txt.findText(suchtext);
txt.select();
txt.scrollIntoView();
zaehler++;
}
else
{
if (zaehler > 0)
{
zaehler = 0;
suchen(suchtext);
}
else
{
alert("Der Text \"" + suchtext + "\" wurde nicht gefunden.");
}
}
}
return false;
}
</script>
<p> 1. Dortmund</p>
<p>2. Bayer</p>
<p>3. Schalke</p>
<p>4. Bremen</p>
<p>5. Leverkusen</p>
<p>6. Bochum</p>
<p>7. Rostock</p>
<p>8. Frankfurt</p>
<p>9. Berlin</p>
<p>usw.</p>
</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?<br>
Vielleicht ein kleiner Beispielscript wenn es geht??
<html>
<head>
<title>Suchen nach</title>
</head>
<body>
<?xml version="1.0" standalone="yes"?>
<html>
<head>
<title></title>
<meta name="author" content="BonJovi">
<meta name="generator" content="Microsoft FrontPage 5.0">
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<form name="search" onsubmit="return suchen(this.suchtexting.value);">Suchen nach: <input name="suchtexting" type="text" size="15" onchange="n = 0;" /></form>
<script type="text/javascript">
var NS4 = (!document.all);
var IE4 = (document.all);
var zaehler = 0;
function suchen(suchtext)
{
var txt, i, found;
if (suchtext == "")
{
return false;
}
if (NS4)
{
if (!this.find(suchtext))
{
while(this.find(suchtext, false, true))
zaehler++;
}
else
{
zaehler++;
}
if (zaehler == 0)
{
alert(suchtext + " was not found on this page.");
}
}
if (IE4)
{
txt = this.document.body.createTextRange();
for (i = 0; i <= zaehler && (found = txt.findText(suchtext)) != false; i++)
{
txt.moveStart("character", 1);
txt.moveEnd("textedit");
}
if (found)
{
txt.moveStart("character", -1);
txt.findText(suchtext);
txt.select();
txt.scrollIntoView();
zaehler++;
}
else
{
if (zaehler > 0)
{
zaehler = 0;
suchen(suchtext);
}
else
{
alert("Der Text \"" + suchtext + "\" wurde nicht gefunden.");
}
}
}
return false;
}
</script>
<p> 1. Dortmund</p>
<p>2. Bayer</p>
<p>3. Schalke</p>
<p>4. Bremen</p>
<p>5. Leverkusen</p>
<p>6. Bochum</p>
<p>7. Rostock</p>
<p>8. Frankfurt</p>
<p>9. Berlin</p>
<p>usw.</p>
</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?<br>
Vielleicht ein kleiner Beispielscript wenn es geht??
Kommentar