Table Caption align Example

Table Caption align Example : Caption : Table JAVASCRIPT DHTML TUTORIALS

JAVASCRIPT DHTML TUTORIALS » Table » Caption »

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>