varför fungerar inte nedanstånde? jag vill att TDx cellen ska bli 5 celllr brett me en knapptryck, ist för 2 som det är som default.hur får jag detta att funka? (colspan i JS)
måste man refresha sidan efter att ha satt style.setAttribute?
Kod:
<code>
<input type="button" value="ändra" onclick="document.getElementById('TDx').style.setAttribute('colspan','5');">
<TABLE width="50%" height="20%" id=TB4 border=1 bordercolor=red align=center>
<TR>
<TD width=50px>1</TD>
<TD width=50px>2</TD>
<TD width=50px>3</TD>
<TD width=50px>4</TD>
<TD width=50px>5</TD>
<TD width=50px>6</TD>
<TD width=50px>7</TD>
</TR>
<TR>
<TD ID="TDx" colspan=2>
tjo
</TD>
</TR>
</TABLE>
</code>
detta är ett förenklat exempel på det jag försöker göra..
kanske finns det ett bättre sätt att lösa det på?
VAd jag försöker göra är eg att dölja TD1 och låta TD0 fylla ut hela tabellen genom att sätta colspan för TD0 till 7...
Kod:
</code>
<table align=center cellpadding="0" cellspacing="0" style="border-collapse:collapse;" border=1 bordercolor=red>
<TR>
<TD width=50px>1</TD>
<TD width=50px>2</TD>
<TD width=50px>3</TD>
<TD width=50px>4</TD>
<TD width=50px>5</TD>
<TD width=50px>6</TD>
<TD width=50px>7</TD>
</TR>
<TR>
<TD colspan=2 id=TD0 border=1 bordercolor=yellow>
<TABLE width="100%" height="100%" id=TB0 border=1 bordercolor=red>
<TD ID="TD01" colspan=5>
tjo
</TD>
</TABLE>
</TD>
<TD colspan=2 id=TD1 border=1 bordercolor=green>
<TABLE width="100%" height="100%" id=TB1 border=1 bordercolor=blue>
<TR>
<TD>flöjt</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</code>
Tack på förhand..
/H