Hallo,
Ich habe ein Javascript für eine Suchfunktion das auch gut funktioniert.
Code
// Code goes here
var terms = new Array();
var max = 6;
for (i=1;i<=max;i++) {
terms[i] = new Array();
}
terms[1]['search'] = 'b612 b613 B613 B614 B624';
terms[1]['des'] = 'RI01a';
terms[1]['lnk'] = 'RI01a.pdf';
terms[2]['search'] = 'A103 a103 AX123 ax123 B112 b112 keks';
terms[2]['des'] = 'RI01b';
terms[2]['lnk'] = 'RI01b.pdf';
terms[3]['search'] = 'B110 b110 Y108 y108 YB110 yb110';
terms[3]['des'] = 'RI01c';
terms[3]['lnk'] = 'RI01c.pdf';
function search() {
var input = document.getElementById('searchbar').value.toLowerCase();
var i=0;
var list="";
var pos=-1;
if(input!="") {
for(i=1; i<=max; i++) {
pos= terms[i]['search'].indexOf(input);
if(pos!=-1) {
list= list + '<a class="search_lnk" href="'+terms[i]['lnk']+'" target="frame1">' + terms[i]['des'] + '</a>' + '<br>';
}
pos=-1;
}
console.log(list);
if(list==""){
document.getElementById("listing").innerHTML = "";
document.getElementById("listing").style.display = "none";
} else {
document.getElementById("listing").innerHTML = list;
document.getElementById("listing").style.display = "block";
}
}
if(input="") {
document.getElementById("listing").innerHTML = "";
document.getElementById("listing").style.display = "none";
}
}
Alles anzeigen
Die Suchergebnisse lasse ich mir in einem Div Container ausgeben.
Was auch super geht. Allerdings "leert" er die Liste nicht wenn ich den Text aus dem Suchformular lösche. Kann man das realisieren ohne jedes mal die Seite neu zu laden?
Grüße
CyTwo