Zellenbreite und -höhe in Tabelle verändern
Eda
- javascript
Hallo Leute
Ich versuche in einer Tabelle mit 3x3 Zellen nachträglich die Höhe und Breite zu verändern. Ich komme aber einfach auf keinen grünen Zweig.
Was die Breite angeht, das funktioniert mit
<colgroup>
<col width="100">
<col width="200">
<col width="600">
</colgroup>
und javascript:
function breite () {
for (i = 0; i < document.getElementsByTagName("col").length; i++)
document.getElementsByTagName("col")[i].width = "300";
}
Doch es funktioniert nicht analog mit rowgroup und row.
Ich versuchte auch bei einzelnen Zellen Höhe und Breite neu zu bestimmen, doch da rührt sich gar nichts.
Kann mir jemand weiterhelfen?
Vielen Dank, Eda
function breite () {
for (i = 0; i < document.getElementsByTagName("col").length; i++)
document.getElementsByTagName("col")[i].width = "300";
}Doch es funktioniert nicht analog mit rowgroup und row.
Gibt es diese Elemente?
Das wäre mir neu, wie werden die definiert?
Ich versuchte auch bei einzelnen Zellen Höhe und Breite neu zu bestimmen, doch da rührt sich gar nichts.
Dann machst du etwas falsch.
Kann mir jemand weiterhelfen?
Wenn wir Wissen was du falsch machst bestimmt.
Struppi.
So habe ich es versucht:
<table width="600" height="600" border="0" cellspacing="0" cellpadding="0" background="../pics/test.jpg">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td id="sp" style="border: 2px solid #990000;"> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<input type="button" onClick="document.getElementById('sp').style.Width = '50';" value="Button">
danke für die Hilfe
<input type="button" onClick="document.getElementById('sp').style.Width = '50';" value="Button">
Das sind zwei Fehler, es gibt keine Eigenschaft 'Width' und eine CSS Größenangabe braucht immer eine Einheit.
Struppi.
So funktioniert es:
document.getElementById('sp').style.width = '50px';
Super danke!
Eda