Necesito de su ayuda...para mostrar tablas

sesebas · #1 (**permalink**) 29/01/2009, 21:51

Hola Amigos,

En primer lugar, disculpas por haber puesto este post en otro foro y gracias a Nemutagk por haberme respondido. Mi situación es la siguiente:

Tengo un Select que lista una serie de países al elegir uno, otro select lista opciones ligadas al primero, todas vinculadas a tablas que debo mostrar; si selecciono una de estas opciones se despliega una tabla en un frame que he dispuesto. Necesito poder hacer más de una seleción en el segundo Select y que todas las tablas asociadas se desplieguen en el frame que uso.

Se como configurar el select múltiple, pero siempre se muestra una sola tabla.Se trata de código que he tomado de otros foros y lo he adaptado un poco a lo que necesito, pero como no soy programador no consigo dar con la manera de hacerlo, aunque he avanzado un buen poco, pero ahora necesito ayuda.

HTML con los Frames:

<html>
<head><title>Prueba de Pags Ind. HTML</title></head>
<frameset ROWS=10%,80%,*>


<frame src="sebas3.html" name="inicio" frameborder=YES>


<frame src="vacio.html" name="tabula" frameborder=YES align=center>


<frameset cols=30%,40%,*>
<frame src="IndicadoresTabulados.html" name="frmpdf" frameborder="YES" scrolling="no">
<frame src="IndicadoresTabulados3.html" name="Metadatos" frameborder="YES" scrolling="no">
<frame src="IndicadoresTabulados2.html" name="frmexcel" frameborder="YES" scrolling="no">
</frameset>

</frameset>

</html>

El Script:

<table border="0" width="582" align=center>
<tr>
<td width="25">
Pais
</td>
<td width="69">
<select name="pais" onchange="cambia(document.frm.ciudad)">
<option value="vacio">Seleccione un País</option>
<option value="Mex">Mexico</option>
<option value="Esp">España</option>
<option value="Ven">Venezuela</option>
</select>
</td>
<td width="16">
 
</td>
<td width="14">
Ciudad
</td>
<td width="296">
<select name="ciudad" size=3 multiple="ciudad">
<option value="0">Seleccione un tabulado</option>
</select> <input type="button" value="Tabla..." onClick="parent.tabula.location.href=this.form.ciu dad.options[this.form.ciudad.selectedIndex].value" </td>

</tr>

</table>

sesebas · #2 (**permalink**) 29/01/2009, 21:55

Hola Amigos,

En primer lugar, disculpas por haber puesto este post en otro foro y gracias a Nemutagk por haberme respondido. Mi situación es la siguiente:

Tengo un Select que lista una serie de países al elegir uno, otro select lista opciones ligadas al primero, todas vinculadas a tablas que debo mostrar; si selecciono una de estas opciones se despliega una tabla en un frame que he dispuesto. Necesito poder hacer más de una seleción en el segundo Select y que todas las tablas asociadas se desplieguen en el frame que uso.

Se como configurar el select múltiple, pero siempre se muestra una sola tabla.Se trata de código que he tomado de otros foros y lo he adaptado un poco a lo que necesito, pero como no soy programador no consigo dar con la manera de hacerlo, aunque he avanzado un buen poco, pero ahora necesito ayuda.

HTML con los Frames:

<html>
<head><title>Prueba de Pags Ind. HTML</title></head>
<frameset ROWS=10%,80%,*>


<frame src="sebas3.html" name="inicio" frameborder=YES>


<frame src="vacio.html" name="tabula" frameborder=YES align=center>


<frameset cols=30%,40%,*>
<frame src="IndicadoresTabulados.html" name="frmpdf" frameborder="YES" scrolling="no">
<frame src="IndicadoresTabulados3.html" name="Metadatos" frameborder="YES" scrolling="no">
<frame src="IndicadoresTabulados2.html" name="frmexcel" frameborder="YES" scrolling="no">
</frameset>

</frameset>

</html>

El Script:

<html>
<head>
<script language="JavaScript">

function addOpt(oCntrl, iPos, sTxt, sVal){
var selOpcion=new Option(sTxt, sVal);
eval(oCntrl.options[iPos]=selOpcion);
}

function cambia(oCntrl){
switch (document.frm.pais.selectedIndex){
case 0:
addOpt(oCntrl, 0, "Seleccione una tabla", "0");
break;
case 1:
addOpt(oCntrl, 0, "Ciudad de México", "http://www.mexico.com");
addOpt(oCntrl, 1, "Monterrey", "AR01CL02.htm"); // Archivo asociado a esta opción
addOpt(oCntrl, 2, "Guadalajara", "Test_01.htm"); // Archivo asociado a esta opción
break;
case 2:
addOpt(oCntrl, 0, "Madrid", "http://www.madrid.com");
addOpt(oCntrl, 1, "Barcelona", "http://www.barcelona.com");
addOpt(oCntrl, 2, "San Sebastián", "http://www.sansebastian.com");
break;
case 3:
addOpt(oCntrl, 0, "Caracas", "http://www.caracas.com");
addOpt(oCntrl, 1, "Maracay", "http://www.maracay.com");
addOpt(oCntrl, 2, "Valencia", "http://www.valencia.com");
break;
}
}
</script>
</head>
<body>
<form name="frm">
<table border="0" width="582" align=center>
<tr>
<td width="25">
Pais
</td>
<td width="69">
<select name="pais" onchange="cambia(document.frm.ciudad)">
<option value="vacio">Seleccione un País</option>
<option value="Mex">Mexico</option>
<option value="Esp">España</option>
<option value="Ven">Venezuela</option>
</select>
</td>
<td width="16">
 
</td>
<td width="14">
Ciudad
</td>
<td width="296">
<select name="ciudad" size=3 multiple="ciudad">
<option value="0">Seleccione un tabulado</option>
</select> <input type="button" value="Tabla..." onClick="parent.tabula.location.href=this.form.ciu dad.options[this.form.ciudad.selectedIndex].value" </td>

</tr>

</table>

</form>

</body>

</html>
</script>
</body>
</html>