linuxperlfreak
Goto Top

JavaScript funtioniert unter IE nicht

Das folgende JavaScript soll Tabellen-Zeilen einblenden...

Unter Firefox werden die Tabellen-Zeilen eingeblendet... Unter IE wird nur die Beschriftung des Buttons geändert...

function elementeEinblenden(name, deltext) {
	var elemente = document.getElementsByName(name);
	var i;

	for (i = 0; i < elemente.length; i++) { 
		if(elemente[i]) {
			elemente[i].style.display = 'table-row';   
		}
	}
	
	var tmpID = "btn" + name;  
	var button = document.getElementById(tmpID);
	button.value = button.value.replace (deltext, '');  
}

Beispiel-Tabelle:
<table>
<tr>
	<td colspan="3" style="text-align: left;"><input type="button" id="btn15" value="Format modifizieren - Zusatzleistungen ausklappen ... " onclick="elementeEinblenden(15, 'Zusatzleistungen ausklappen ... ');"></td>  
</tr>
<tr name="15" style="display: none; padding-bottom: 5px; border-bottom: 1px solid #000;">  
	<td><input type="checkbox" class="checkbubble"name="verkl[1]" value="15601"></td>  
	<td class="beschreibung">Beschreibung</td>  
	<td><nobr>0,00 EUR</nobr></td>
</tr>
</table>

Content-Key: 155877

Url: https://administrator.de/contentid/155877

Printed on: April 25, 2024 at 16:04 o'clock

Member: nxclass
nxclass Nov 27, 2010 at 18:23:10 (UTC)
Goto Top
bevor ich eine VM mit Windows aufsetzte um den IE zu testen - ändere mal dein JS Zeile 7 in:
elemente[i].style.display = 'block';  
Member: LinuxPerlFreak
LinuxPerlFreak Dec 03, 2010 at 11:10:29 (UTC)
Goto Top
Ich hab den Fehler gefunden...

Der IE ignoriert den Parameter "name" bei tr-Tags...
somit hab ich die Tabelle in Einzeltabellen aufgetrennt und diese wiederum in div's gepackt.

Danach konnte ich die div's per getElementById ansprechen und ein- und ausblenden face-sad

Es funktioniert ist aber (imho) nicht die eleganteste Löstung.