nicht angemeldet
Hallo Realkyro.
hi, weiss jemand wie ich eine suchfunktion in meine seite einbauen kann?
Was meinst du denn genau?
Eine Suchfunktion, die nur auf einer Seite sucht, oder eine Suchfunktion die alle Seiten auf einer Homepage durchsucht?
Solltest du die Suche auf allen Seiten meinen:
Google bietet sowas an und du kannst das ja auch mit einer serverseitigen Sprache machen.
Also wenn du nur eine Seite durchsuchen willst, hier ein Beispielquelltext:
-----------------------------------------------------------------
<html>
<head>
<title>Suche-Script</title>
<script type="text/javascript">
<!--
var quell = "0";
function s() {
if (quell != "0")
document.getElementsByTagName("body")[0].innerHTML = quell;
}
function an() {
quell = document.getElementsByTagName("body")[0].innerHTML;
}
function suchen() {
var f = "0";
var pfad = document.form.feld; // Hier kommt der Pfad zum Feld rein
var wort = pfad.value;
var b = quell;
var teil = b;
var bt = b;
var bis = "";
if (wort != "" && wort != "<" && wort !=">") {
while (b.indexOf("<")>-1) {
var st1 = b.indexOf("<");
var st2 = b.indexOf(">")-(-1);
var r = b.substring(0,st1);
var e = b.substring(st1,st2);
e = e.replace(/</,"i20p").replace(/>/,"i90p");
while (e.indexOf(wort)>-1) {
e = e.replace(wort,"k28x");
}
b = r + e + b.substring(st2,b.length);
}
teil = b;
while (teil.indexOf(wort)>-1) {
var lang = teil.indexOf(wort)-(-wort.length);
bis = bis + teil.substring(0,teil.indexOf(wort)) + "<span style="background-color:red;">" + wort + "</span>"; // Hier ist die CSS-Formatierung
teil = teil.substring(lang,teil.length);
f++;
}
bis = bis + teil;
if (f > 0) {
while (bis.indexOf("i20p")>-1 || bis.indexOf("k28x")>-1 || bis.indexOf("i90p")>-1) {
bis = bis.replace(/i20p/,"<").replace(/k28x/,wort).replace(/i90p/,">");
}
document.getElementsByTagName("body")[0].innerHTML = bis;
}
else {
alert("Leider nichts gefunden.");
}}
else {
alert("Bitte geben Sie einen Suchbegriff ein.");
pfad.focus();
}}
//-->
</script>
</head>
<body onload="an();">
<form name="form" title="asdf" onsubmit="suchen();return false;" style="margin:4px;">
<input type="text" name="feld" value="" size="20">
<input type="button" onclick="suchen();" value="Suchen"> <input type="button" onclick="s();" value="Stop">
</form>
Also hier sollte normal einfach nur Text stehen.<br>
<br>
Noch mehr Text...<br>
Und damit die Suche auch was bringt kommt hier noch mehr Text.<br>
<br>
Das war aber der Text.<br>
Jetzt kannst du ja mal nach "Text" suchen. Wird einige Ergebnisse geben. ;-)<br>
</body>
</html>
-----------------------------------------------------------------
Ich habe sowas auch schon mal im Webmasterpro-Board gepostet.
Hier ist ein Link zum Thread:
http://forum.webmasterpro.de/viewtopic-t-26674-highlight-.html
Ich hoffe ich konnte helfen, H2O
#*~!: Informatk als Fach --> einfach genießen...
Selfcode: ie:% fl:| br:^ va:| ls:# fo:) rl:? n4:| ss:{ de:] js:) ch:? sh:( mo:? zu:)
Infos: http://emmanuel.dammerer.at/selfcode.html