If I want to insert an image in between other image onclick. How can I do that?
Expanding/Collaspe Menu kinda thing for IE & Netscape
below is a structure of what Im wanting to do.
-----------------
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript">
function isg_content()
{
INSERT an IMAGE in between and push images below it down accordingly.
}
</script>
</head>
<body bgcolor="#FFFFFF">
<table width="75" border="0" cellspacing="6" cellpadding="0">
<tr>
<td><img src="m_head.gif" width="130" height="38"><BR>
<img onclick="javascript: isg_content();" src="m_isg.gif" width="130" height="22"><BR>
<img src="m_svg.gif" width="130" height="22"><BR>
<img src="m_TDC.gif" width="130" height="22"><BR>
<img src="m_pab.gif" width="130" height="22"><BR>
<img src="m_bot.gif" width="130" height="16"></td>
</tr>
</table>
</body>
</html>
Expanding/Collaspe Menu kinda thing for IE & Netscape
below is a structure of what Im wanting to do.
-----------------
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript">
function isg_content()
{
INSERT an IMAGE in between and push images below it down accordingly.
}
</script>
</head>
<body bgcolor="#FFFFFF">
<table width="75" border="0" cellspacing="6" cellpadding="0">
<tr>
<td><img src="m_head.gif" width="130" height="38"><BR>
<img onclick="javascript: isg_content();" src="m_isg.gif" width="130" height="22"><BR>
<img src="m_svg.gif" width="130" height="22"><BR>
<img src="m_TDC.gif" width="130" height="22"><BR>
<img src="m_pab.gif" width="130" height="22"><BR>
<img src="m_bot.gif" width="130" height="16"></td>
</tr>
</table>
</body>
</html>