✔ Display Problem

[xxlrock]

Hi ! Ich habe 1 Tabellle die mit einem Select-feld geändert wird :

<script language="JavaScript">
function showSortierung(){
	var ob = document.getElementById("FieldsToShow");

	for(var i = 0; i< ob.options.length; i++){
		if(ob.options[i].selected){;
			document.getElementById(ob.options[i].value).style.display = "table-row";
		}else{
			document.getElementById(ob.options[i].value).style.display = "none";
		}
	}
}
</script>


<select name="FieldsToShow[]" size="6" multiple id="FieldsToShow" onChange="javascript:showSortierung();" style="width:130px">
  <option value="test1">Kunde/Lieferant</option>
  <option value="test2">Warengruppe</option>
  <option value="test3">Artikel</option>
  <option value="test4">Menge</option>
  <option value="test5">Umsatz</option>
</select>


<table width="100%" border="0" cellpadding="3" cellspacing="0">
  <tr> 
	<td width="208"><strong>Sortierung</strong></td>
  </tr>
  <tr style="display:none" id="test1"> 
	<td><input name="Sortierung[]" type="checkbox" value="..."> 
	  &nbsp;bla1</td>
  </tr>
  <tr id="test2" style="display:none;"> 
	<td><input name="Sortierung[]" type="checkbox" value="..."> 
	  &nbsp;bla2</td>
  </tr>
  <tr style="display:none" id="test3"> 
	<td><input name="Sortierung[]" type="checkbox" value="..."> 
	  &nbsp;bla3</td>
  </tr>
  <tr style="display:none" id="test4"> 
	<td><input name="Sortierung[]" type="checkbox" value="..."> 
	  &nbsp;bla4</td>
  </tr>
  <tr style="display:none" id="test5"> 
	<td><input name="Sortierung[]" type="checkbox" value="..."> 
	  &nbsp;bla5</td>
  </tr>
</table>

Warum geht das im Firefox, und niocht im IE ? Im IE sagt er immer das er die eig. display nicht finden kann... wieso ?

Danke vorraus...

 

[Maik]

Der IE/Win unterstützt (noch) nicht den Wert table-row für die display-Eigenschaft, daher vermutlich auch die Fehlermeldung.

Probier es stattdessen mal mit dem Wert inline oder block.

 

[Quaese]

Hi,

mit den Werten inline und block wird die Tabelle im Firefox beim Umschalten immer höher.

Besser Du weist beim Einblenden einfach den leeren String zu.

document.getElementById(ob.options[i].value).style.display = "";

Ciao
Quaese

 

[Maik]

Vielen Dank für den Hinweis, Quaese

Und wieder was dazugelernt

 

[xxlrock]

Jawolle ... Das war's! Vielen Dank !!