✔ Problem mit IE

[Paspirgilis]

Hi.
Ich hab n problem mit Javascript-Nutzung bei IE.
Eigentlich sind es nur document.getElementById() dinger.

<script language="JavaScript">
	function berecht(vari)
		{
		if (vari==0)
			{
			document.getElementById("main_admin1").style.backgroundColor = '#E6E6E6';
			document.getElementById("main_admin2").style.backgroundColor = '#E6E6E6';
			document.getElementById("main_admin1").innerHTML = '<td id="admin_ber1" class="Stil4"></td><td id="admin_ber2" class="Stil4"></td>';
			document.getElementById("main_admin2").innerHTML = '<td id="admin_ber3" class="Stil4"></td><td id="admin_ber4" class="Stil4"></td>';
			document.getElementById("admin_ber1").innerHTML = '<span class="Stil5">Benutzername</span>';
			document.getElementById("admin_ber2").innerHTML = '<label><input name="benutzer" type="text" class="Stil2" id="benutzer" size="50"/></label>';
			document.getElementById("admin_ber3").innerHTML = '<span class="Stil5">Passwort</span>';
			document.getElementById("admin_ber4").innerHTML = '<label><input name="passwort" type="password" class="Stil2" id="passwort" size="50" /></label>';
			}
		if (vari==1)
			{
			document.getElementById("admin_ber1").innerHTML = "";
			document.getElementById("admin_ber2").innerHTML = "";
			document.getElementById("admin_ber3").innerHTML = "";
			document.getElementById("admin_ber4").innerHTML = "";
			document.getElementById("main_admin1").style.backgroundColor = '#ffffff';
			document.getElementById("main_admin2").style.backgroundColor = '#ffffff';
			document.getElementById("main_admin1").innerHTML = '';
			document.getElementById("main_admin2").innerHTML = '';
			}
		}
</script>

das ist das Javascript ding im Header

			<tr bgcolor="#ffffff" id="main_admin1">
			</tr>
			<tr bgcolor="#ffffff" id="main_admin2">
			</tr>

und das sind die TR-Dinger die ich dafür benutze er hats mal mit IE 6 getestet und n Kumpel sagt es liegt an IE 6 aber gibt es denn nicht einen Weg mit dem es geht?
MFG
Mark Paspirgilis

 

[Quaese]

Hi,

der IE lässt Tabellen nicht über innerHTML aufbauen. Stattdessen musst du auf Methoden des DOM zurückgreifen.

Ersetz mal die Zeilen

document.getElementById("main_admin1").innerHTML = '<td id="admin_ber1" class="Stil4"></td><td id="admin_ber2" class="Stil4"></td>';
document.getElementById("main_admin2").innerHTML = '<td id="admin_ber3" class="Stil4"></td><td id="admin_ber4" class="Stil4"></td>';

durch folgende Anweisungen

var objTD = document.createElement("td");
objTD.id = "admin_ber1";
objTD.className = "Stil4";
document.getElementById("main_admin1").appendChild(objTD);
objTD = document.createElement("td");
objTD.id = "admin_ber2";
objTD.className = "Stil4";
document.getElementById("main_admin1").appendChild(objTD);

var objTD = document.createElement("td");
objTD.id = "admin_ber3";
objTD.className = "Stil4";
document.getElementById("main_admin2").appendChild(objTD);
objTD = document.createElement("td");
objTD.id = "admin_ber4";
objTD.className = "Stil4";
document.getElementById("main_admin2").appendChild(objTD);

Hier wird jede Zelle als Objekt erstellt. Diesem werden ID und Klasse zugewiesen und zuletzt in die jeweilige Zeile eingehängt.

Vielleicht hilft dir das weiter.

Ciao
Quaese

 

[Sven Mintel]

wenn du neue Zellen in eine <tr> einfügen willst, benutze insertCell() ...das kann auch der IE

http://de.selfhtml.org/javascript/objekte/htmlelemente.htm#tr