Hi,
Please help me in seperating the below table in a div when clicked on a link.
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “
<html xmlns=”
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Untitled Document</title>
<script language=”JavaScript”>
function showTable()
{
document.write(“<table border=”1″ cellspacing=”0″ cellpadding=”0″ width=”100%” style=”background:#ccc”>”);
document.write(“<tr><td>”);
document.write(“<table>”);
document.write(“<tr><td><a href=”Product.html”>Product</a></td></tr>”);
document.write(“<tr><td><a href=”Search.html”>Search</a></td></tr>”);
document.write(“<tr><td><a href=”Order.html”>Order</a></td></tr>”);
document.write(“<tr><td><a href=”Help.html”>Help</a></td></tr>”);
document.write(“</table>”);
document.write(“</td></tr>”);
document.write(“</table>”);
}
</script>
</head>
<body>
<a href=”#” onclick=”showTable()”>showtable</a>
<div id=”insertTable”></div>
</body>
</html>