nicht angemeldet
Hallo.
Ich hänge an dem Problem, dass ich die dynamsichen IDs nicht weiterverarbeiten kann. (Bin halt Anfänger.)
Ich möchte Spaltenweise die Formatierung des Textes ändern, sowie den Text über Variablen eingeben
und in der ersten Spalte Links zu anderen Seiten einfügen.
Ich poste mal den Test-Quelltext.
----------------------------------------------------------------------------
<html>
<title>my dyn Tab.html</title>
<head>
<script language="JavaScript">
function insert(){
var Anzahl1 = Anzahl.value;
for(var i=1; i<= Anzahl1; i++){
var newTR = document.createElement("tr");
newTR.id = "tr"+i;
document.getElementById("Tabelle").appendChild(newTR);
var newTD1 = document.createElement("td");
newTD1.id = "td_A"+i;
newTR.appendChild(newTD1);
var newTD2 = document.createElement("td");
newTD2.id = "td_B"+i;
newTR.appendChild(newTD2);
var newTD3 = document.createElement("td");
newTD3.id = "td_C"+i;
newTR.appendChild(newTD3);
var varID0a = newTR.id+"."+newTD1.id;
var varID1a = newTR.id;
var varID2a = newTD1.id;
var varID2b = newTD2.id;
var varID2c = newTD3.id;
document.all.Tabelle.style.color = "red";
document.all.Tabelle.style.fontWeight = "bold";
document.all.Tabelle.style.fontSize = "30";
document.all.Tabelle.style.textAlign = "center";
document.all.Tabelle.style.value = "Test";
var newTDText1 = document.createTextNode('...soll werden Link zu Datei ' + i);
newTD1.appendChild(newTDText1);
var newTDText2 = document.createTextNode('Typ ' + i);
newTD2.appendChild(newTDText2);
var newTDText3 = document.createTextNode('Inhalt ' + i);
newTD3.appendChild(newTDText3);
}
}
</script>
</head>
<body onload="insert()">
<center>
<br>
<font size= 6><b>Ändert mal diesen Wert: </b></font>
<input size="2" type="text" name="Anzahl" value="2"></input>
<input size="5" type="button" name="OK_1" value="...dazu" onclick="Javascript:insert()"></input>
<input type="button" name="OK_2" value="F5" onclick="Javascript:location.reload()"></input>
<br><br><br>
<table bgcolor="silver" width="1240" cellpadding="0" cellspacing="2" border="1">
<colgroup>
<col width="400">
<col width="70">
<col width="300">
<tr>
<td><font size= 4><b> </font>
<font size= 7> Auswahlmöglichkeiten: </b></font></td>
<td><font size= 5><b> <center> (Typ) </center></b></font></td>
<td><font size= 5><b> <center> (Inhalte) </center></b></font></td>
</tr>
<tr>
<td><font size= 6><b> </b></font></td>
<td><font size= 4> </font></td>
<td><font size= 4> </font></td>
</tr>
<tbody id="Tabelle"></tbody>
<!-- So in etwa soll dann der Inhalt später aussehen...
<tr>
<td><font size= 6><b> <a href="javascript: laden1()">
Wartungs-Information 1 </a></b></font></td>
<td><font size= 4> PDF-Datei </font></td>
<td><font size= 4> <font color="black">So sollen alle gehen.. (Vorzeige-Beispiel)</font> </font></td>
</tr>
<tr>
//-->
</table>
<br>
<br>
<br>
<font size= 5><b>Auf dieser Seite verlängert sich die Tabelle bei jedem Aufruf des Buttons
und er zählt die Variable hoch.<br>
Mit "F5" setzt sich die Liste zurück auf den Wert in der Box.<br><br>
Ich hab aber nur einen Aufruf "onload" und übergebe die Variable aus der Seite davor.<br><br>
Jetzt muss weiß ich aber nicht, wie ich die IDs der Zellen einsetzten kann, <br>
da dort variablen drin sind.<br>
Und wie ich dort je Zelle einen Link (mittels Variable) einsetzen kann.</b></font>
</center>
</body>
</html>
Struppi