Mega Code Archive

 
Categories / JavaScript DHTML / Table
 

Table Caption align Example

<html> <head> <script language="JavaScript">     function function1() {         document.all.myCaption.align = event.srcElement.id;     } </script> </head> <body> <table id="myTable" width="560" border="8" cellspacing="5" cellpadding="5">      <caption id="myCaption">This is the caption text for the table</caption>      <tr>         <td>Cell 1</td>         <td>Cell 2</td>     </tr>     <tr>         <td>Cell 3</td>         <td>Cell 4</td>     </tr> </table> <br> <input type="Button" id="bottom" value='align "bottom"' onClick="function1();">  <input type="Button" id="left" value='align "left"' onClick="function1();">  <input type="Button" id="right" value='align "right"' onClick="function1();"> <input type="Button" id="top" value='align "top"' onClick="function1();"> </body> </html>