nicht angemeldet
ich mache eine dynamische Tabelle, das heißt auf einen Knopfdruck wird eine neue Zeile hinzugefügt. Diese Zeile beinhaltet als Spaltenelemente input=text und input=checkbox nun möchte ich aber sozusagen einen Zeilenzähler einbauen, dass heißt das in jeder Zeile eine Zelle drin ist die die Zeilennummer anzeigt. Nun habe ich mit input=text das gemacht wenn ich aber auf disabled=true stelle kann ich die Farbe von dem Text nicht ändern und grau schaut nicht wirklich gut aus. Daher habe ich mir gedacht kann ich dass irgendwie mit nur td hinkriegen nur das Problem ist ich kann den Wert nicht schreiben mit Attribut value="Nummer" gehts ja nicht und sonst seh ich keine Möglichkeit!
So wird die Tabelle kreirt:
function ZeileEinfuegen() {
TS_Table=document.getElementById("Tabelle");
TS_nzeilen=TS_Table.getElementsByTagName("tr").length;
Zeile = TS_nzeilen
var TR = document.getElementById("Tabelle").insertRow(Zeile);
var TD0 = document.createElement("td");
var TD0T = document.createElement("input");
var TD0A = document.createAttribute("id");
var name = Zeile;
TD0A.nodeValue = name;
TD0T.setAttributeNode(TD0A);
var TD0A = document.createAttribute("type");
var name = "checkbox";
TD0A.nodeValue = name;
TD0T.setAttributeNode(TD0A);
var TD4 = document.createElement("td");
var TD4A = document.createAttribute("width");
TD4A.nodeValue = "2";
TD4.setAttributeNode(TD4A);
var TD1 = document.createElement("td");
var TD1T = document.createElement("input");
var TD1A = document.createAttribute("size");
TD1A.nodeValue = "10";
TD1T.setAttributeNode(TD1A);
var TD1A = document.createAttribute("id");
var name = Zeile+"a";
TD1A.nodeValue = name;
TD1T.setAttributeNode(TD1A);
var TD2 = document.createElement("td");
var TD2T = document.createElement("input");
var TD2A = document.createAttribute("size");
TD2A.nodeValue = "8";
TD2T.setAttributeNode(TD2A);
var TD2A = document.createAttribute("id");
var name = Zeile+"b";
TD2A.nodeValue = name;
TD2T.setAttributeNode(TD2A);
var TD3 = document.createElement("td");
var TD3T = document.createElement("input");
var TD3A = document.createAttribute("size");
TD3A.nodeValue = "10";
TD3T.setAttributeNode(TD3A);
var TD3A = document.createAttribute("id");
var name = Zeile+"c";
TD3A.nodeValue = name;
TD3T.setAttributeNode(TD3A);
TD0.appendChild(TD0T);
TD1.appendChild(TD1T);
TD2.appendChild(TD2T);
TD3.appendChild(TD3T);
TR.appendChild(TD0);
TR.appendChild(TD4);
TR.appendChild(TD1);
TR.appendChild(TD2);
TR.appendChild(TD3);
}
DANKE!