Trabajando un poco con lo que les comenté hace un momento, desarolle lo siguiente:
<script language="JavaScript">
function ver(val)
{
with(document)
switch (stipo.value)
{
case "A" : document.all['tipo1'].style.visibility='visible';
document.all['tipo2'].style.visibility='hidden';
document.all['tipo3'].style.visibility='hidden';
break;
case "B" : document.all['tipo2'].style.visibility='visible';
document.all['tipo1'].style.visibility='hidden';
document.all['tipo3'].style.visibility='hidden';
break;
case "C" : document.all['tipo3'].style.visibility='visible';
document.all['tipo1'].style.visibility='hidden';
document.all['tipo2'].style.visibility='hidden';
break;
default : document.all['tipo1'].style.visibility='hidden';
document.all['tipo2'].style.visibility='hidden';
document.all['tipo3'].style.visibility='hidden';
}
}
</script>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="18%">
<select name="stipo" id="stipo" onchange="ver(this.value)">
<option value="0">Seleccione un tipo</option>
<option value="A">1</option>
<option value="B">2</option>
<option value="C">3</option>
</select></td>
<td width="82%"><table width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td>
<div id="tipo1" style="position:absolute; left:674px; top:593px; width:125px; height:35px; z-index:1; visibility: hidden">
Archivo tipo A
</div>
<div id="tipo2" style="position:absolute; left:674px; top:593px; width:125px; height:35px; z-index:1; visibility: hidden">
Archivo tipo B
</div>
<div id="tipo3" style="position:absolute; left:674px; top:593px; width:125px; height:35px; z-index:1; visibility: hidden">
Archivo tipo C
</div>
</td>
</tr>
</table></td>
</tr>
</table>
El asunto es que no se esta llenando el TD donde tengo colocados los div si no en las coordenadas que estos tienen.
Como hago para que el mensaje quede dentro del td.
