nicht angemeldet
Dynamische Tabelle mit dyn. IDs Styles ändern & Links einfügen
0 1 
Struppi
Dynamische Tabelle mit dyn. IDs Styles ändern & Links einfügen
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>
-
Ich habe schon einige Infos hier in SELFHTML und auch an anderen Stellen im Netz gefunden, aber leider komme ich mit den variablen IDs (eingesetzt für ".all.tabelle.") nicht weiter.
Übrigens kann ich kein PHP nutzen und das ganze sollte im IE6 laufen.
Bsp:
document.all.Tabelle.style.color = "red";
Versucht habe ich:
var varID0a = newTR.id+"."+newTD1.id;
document.varID0a.style.color = "red";
oder
document.newTR.newTD1.style.color = "red";
oder
document.Tabelle.newTD1.style.color = "red";
usw.usf.Was mache ich falsch?
Danke im Vorraus
-
-
Ok wunderbar!
Ich hatte getElementsbyID schon mal gefunden, wusste aber nicht soreecht, was mit anzufangen.
Und wie bekomme ich jetzt nen Link da rein?
(Ich frag schon mal vorab, da ich für heute Feierabend mache und mich morgen früh erst wieder einarbeiten muss...)ich vermute mal mit .value und dann irgendwie mein href und titel rein bringen
...ist bei mir alles etwas schwierig, da ich in frames arbeite [top.frame2.location.href(pdf2aLINK+"Hier muss dann mein Variabler Dateiname rein");]Vielen lieben Dank für deine Antwort!
Du warst mir jetzt mal wieder ein große Hilfe!
-
-