Tabellen Filtern mit Javascript mit kopieren in die Zwischenablage Fr, Sep 19. 2008
Ich habe mit Hilfe des weiten Internets eine Funktion gebaut die ich hier gerne weitergeben möchte.
Was sie tut gibt es an jeder Ecke möchte man meinen, bei genauerem hinsehen steckt der Teufel aber im Detail:
Wenn man eine Tabelle per Javascript filter tut man das indem alle nicht erwünschten Zeilen den css-style display:none erhalten und damit nicht mehr sichtbar sind. Klingt super, ist es aber nicht sobald man das so gefilterte Ergebnis in die Zwischenablage legen möchte:
Man hat die komplette Tabelle kopiert, was auch Sinn macht da man ja nur ausgeblendet, nicht gelöscht hat.
Die von mir gebaute Funktion schaut am Schluss der Filterung nach ob ein bestimmter Haken auf der Seite gesetzt ist und wenn ja werden die ausgeblendeten Zeilen komplett gelöscht.
Ergebnis: man kann wunderbar in die Zwischenablage kopieren. Nachteil: die Seite muss neu geladen werden damit die gelöschten Ergebnisse wieder sichtbar sind.
Ich habe das Löschen optional gemacht da man in vielen Fällen nur kurz filtern will und nichts in die Zwischenablage kopieren.
Wenn man möchte kann man die Funktion auch so umbauen dass man das vorbereiten auf die Zwischenablage per Button triggern kann, wenn da Bedarf ist bitte einen Kommentar schreiben. 
Hier das Script:
if(typeof( phrase ) != 'string'){
var words = phrase.value.toLowerCase().split(" ");
}
else {
var words = phrase.toLowerCase().split(" ");
}
var table = document.getElementById(_id);
var ele;
for (var r = 1; r < table.rows.length; r++){
ele = table.rows[r].innerHTML.replace(/<[^>]+>/g,"");
var displayStyle = 'none';
for (var i = 0; i < words.length; i++) {
if (ele.toLowerCase().indexOf(words[i])>=0)
displayStyle = '';
else {
displayStyle = 'none';
break;
}
}
table.rows[r].style.display = displayStyle;
}
if(document.getElementById('killbox').checked == true){
var tr = table.getElementsByTagName("tr");
var current;
for (var i = tr.length -1; i > -1; i--) {
current = tr[i];
if (current.style.display == 'none'){
current.parentNode.removeChild(current);
}
}
}
}
Ich habe im erweiterten Beitrag ein Beispiel mit einer Tabelle von Wikipedia gebaut, in dem man per Link oder Live-Suche über ein Texteingabefeld das Ganze mal testen kann.
Update:
Leider zerhaut mir aus noch nicht erfindlichen Gründen mein verwendetes Template jede Tabelle, ist ein wenig blöd beim demonstrieren eines Tabellenfilter. 
Von daher habe ich euch hier eine Demoseite hingebaut: [LINK]
