Tabellenfilterung IE-kompatibel machen

[Thomas C.]

Durch die Hilfe eines versierten Freundes ist es gelungen eine HTML-Tabelle mit mehreren Elementen zu filtern. Nur leider funktioniert das ganze lediglich im Firefox, und da ich mich mit solchen Sachen gegen 0 auskenne, bring' ich's nicht kompatibel hin.

Jeder der eine kleine Herausforderung möchte, kann es sich unter http://forum.geizhals.net/files/2159/tabelle_filter.htm anschauen.

[Gernot Back]

Hallo Thomas,

Jeder der eine kleine Herausforderung möchte, kann es sich unter http://forum.geizhals.net/files/2159/tabelle_filter.htm anschauen.

Mir ist da aufgefallen, dass die Zuweisung der Variable "suche" bei den einzelnen Kritereien sehr unterschiedlich vonstatten geht:

  
  // First Criteria  - Gliederung  
  var suche = document.getElementsByName('gliederung')[0].value.toLowerCase();  
  // Third Criteria  - Priorität  
  var suche = document.getElementById('prior').value.toLowerCase();  
  // Fourth Criteria  - Realisierung  
  var suche = document.filterung.realisierung.value.toLowerCase();  

Bei allen weiteren Kriterien dann nach diesem letzten Muster, das mir auch üblicher aussieht als die anderen beiden bei "First" und "Third", also mach es doch auch da so wie bei den übrigen.

Gruß Gernot

[Thomas C.]

Hallo Gernot!

Danke für den Hinweis, ich hab's überarbeitet, was mit Sicherheit besser ist, wenn man es einheitlich löst. Danke.

Problem aber weiterhin: es läuft nicht im Internet Explorer, er tut nichts, zeigt auch keinen Javascript-Fehler an.

[Gernot Back]

Hallo Thomas,

Ich glaube eine Wertzuweisung an die Variable "suche" nach folgendem Muster bringt dich browserübergreifend weiter:

  
var optionen = document.filterung.realisierung.options;  
var suche = optionen[optionen.selectedIndex].innerHTML;  

Bitte auch hier mal nachlesen:

http://de.selfhtml.org/javascript/objekte/options.htm#selected_index

Gruß Gernot

[Gernot Back]

Hallo nochmal,

var optionen = document.filterung.realisierung.options;

var suche = optionen[optionen.selectedIndex].text;

  
Besser mit der Eigenschaft "text", dann können das wahrscheinlich auch ältere Browser, ist auch die erste wahl, um das abzufragen:  
  
<http://de.selfhtml.org/javascript/objekte/options.htm#text>  
  
Gruß Gernot