http://wbex.ru/index.php?action=history&feed=atom&title=JavaScript_DHTML%2FTable%2FCaption
JavaScript DHTML/Table/Caption - История изменений
2026-04-05T02:05:53Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://wbex.ru/index.php?title=JavaScript_DHTML/Table/Caption&diff=3938&oldid=prev
в 10:02, 26 мая 2010
2010-05-26T10:02:48Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<tr style="vertical-align: top;" lang="ru">
<td colspan="1" style="background-color: white; color:black; text-align: center;">← Предыдущая</td>
<td colspan="1" style="background-color: white; color:black; text-align: center;">Версия 10:02, 26 мая 2010</td>
</tr><tr><td colspan="2" style="text-align: center;" lang="ru"><div class="mw-diff-empty">(нет различий)</div>
</td></tr></table>
http://wbex.ru/index.php?title=JavaScript_DHTML/Table/Caption&diff=3939&oldid=prev
Admin: 1 версия
2010-05-26T07:28:18Z
<p>1 версия</p>
<p><b>Новая страница</b></p><div>==Caption Vertical Align==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<body><br />
<table width="200" border="8" cellspacing="5" cellpadding="5" align="left"><br />
<caption id="myCaption" style="color:red;"><br />
Table 2-5. This is the caption for this table.<br />
</caption><br />
<script language="JavaScript"><br />
document.all.myCaption.vAlign = "bottom";<br />
</script><br />
<tr><br />
<td>Cell 1</td><br />
<td>Cell 2</td><br />
</tr><br />
<tr><br />
<td>Cell 3</td><br />
<td>Cell 4</td><br />
</tr><br />
</table><br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Create a Caption==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<body><br />
<script language="JavaScript"><br />
function function1() {<br />
var myC = document.getElementById("myT").createCaption();<br />
myC.innerText = "This is the new caption text";<br />
} <br />
</script><br />
<table id="myT" border="3" cellpadding="5" style="border-color:blue"><br />
<tr><br />
<th>This table has no caption</th><br />
</tr><br />
</table><br />
<input id="myT" type="button" value="Add caption" onclick="function1();"><br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Delete a Caption==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<body><br />
<script language="JavaScript"><br />
function function1() {<br />
document.all.myT.deleteCaption(); <br />
} <br />
</script><br />
<table id="myT"><br />
<caption id = myC style="color:red">This is the caption element</caption><br />
<tr><br />
<th>Cell 1</th><br />
<th>Cell 2</th><br />
</tr><br />
</table><br />
<input type="button" value="Remove caption" onclick="function1();"><br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Get caption from table object==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<body id="myBody"><br />
<table id="myTable" width="600" caption="This is the Caption" border="1"><br />
<tr><br />
<td>Cell 1</td><br />
<td>Cell 2</td><br />
<td>Cell 3</td><br />
</tr><br />
<tr><br />
<td>Cell 1</td><br />
<td>Cell 2</td><br />
<td>Cell 3</td><br />
</tr><br />
<tr><br />
<td>Cell 1</td><br />
<td>Cell 2</td><br />
<td>Cell 3</td><br />
</tr><br />
</table><br />
<button onclick="alert(document.all.myTable.caption);">Table Caption</button><br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Table Caption align Example==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<script language="JavaScript"><br />
function function1() {<br />
document.all.myCaption.align = event.srcElement.id;<br />
}<br />
</script><br />
</head><br />
<body><br />
<table id="myTable" width="560" border="8" cellspacing="5" cellpadding="5"> <br />
<caption id="myCaption">This is the caption text for the table</caption> <br />
<tr><br />
<td>Cell 1</td><br />
<td>Cell 2</td><br />
</tr><br />
<tr><br />
<td>Cell 3</td><br />
<td>Cell 4</td><br />
</tr><br />
</table><br />
<br><br />
<input type="Button" id="bottom" value="align "bottom"" onClick="function1();"> <br />
<input type="Button" id="left" value="align "left"" onClick="function1();"> <br />
<input type="Button" id="right" value="align "right"" onClick="function1();"><br />
<input type="Button" id="top" value="align "top"" onClick="function1();"><br />
</body><br />
</html><br />
<br />
<br />
</source></div>
Admin