<!DOCTYPE html>
<html>
<head>
<title>Titel</title>
<script>
// Erster Wert: Seite, Zweiter Wert: Name, Dritter Wert: Beschreibung
// Hier Suchergebnisse generieren/manuell eintragen.
var seiten = [
["www.google.de","Google","Suchen ist dein Freund"],
["www.microsoft.de","Microsoft","Wuerg."],
["www.html.de","html.de","Danke fuer die Hilfe"],
["www.linux.org","Linux","Gute Sache, Open Source"],
["www.blender.org","Blender3d","COOOOOL!"]
]
//Ab hier nichts ändern(Suchroutine)
function contains(x,y) {
var i;
for(var j=0;j<x.length;j++) {
i = x[j];
if(i==y) return true;
}
return false;
}
function search() {
var suche = document.getElementById("in").value;
var out = [];
var f = [];
var r = "";
for(var i=0;i<seiten.length;i++) {
if(seiten[i][0].indexOf(suche)>-1) {
out.push(seiten[i]);//falls nach der URL gesucht wird
}
if(seiten[i][1].indexOf(suche)>-1) {
out.push(seiten[i]);//falls nach Name gesucht wird
}
if(seiten[i][2].indexOf(suche)>-1) {
out.push(seiten[i]);//falls nach Beschreibung gesucht wird
}
}
for(var j=0;j<out.length;j++) {
i = out[j];
if(!contains(f,i)) {//um doppelte Ergebnisse zu verhindern
f.push(i)
r+="<tr onclick=\"location.href='http://"+i[0]+"';\"><td>"+i[1]+" <i>von "+i[0]+"</i></td><td>"+i[2]+"</td></tr>";//Neue Zeile in der Tabelle
}
}
document.getElementById("out").innerHTML = r;
}
</script>
</head>
<body>
<input type="text" id="in"> <button onclick="search();">Suchen</button><br />
<table id="out">
<tr>
<td>Bitte klicke erst auf suchen.</td>
<td></td>
</tr>
</table>
</body>
</html>
Für den offline-Dienst aber sicherlich genau das richtige.