Desplegar archivos seleccionados en un Select

sesebas · #1 (**permalink**) 08/03/2009, 21:09

Alguién me puede ayudar?

Tengo un Html con varios frames. Uno almacena un Script JS con Select dependientes que me entrega el nombre de un archivo declarado en las opciones del segundo Select. Una vez que selecciono una opción y doy click en un botón se llama y despliega el archivo asociado a la opción seleccionada.

Necesito Hacer que el segundo Select sea múltiple (esto ya lo he visto y es menos complicado) pero necesito que todos los archivos seleccionados a partir de las opciones elegidas se desplieguen en una sola página html. Sería como llamar una página PHP con varias líneas INCLUDE. Esto no lo he podido conseguir y he buscado y leido bastante, pero no consigo salir. Ojalá me puedan ayudar!

Este es mi Html

Código javascript:

Ver original<html>
<head><title>Prueba de Pags Ind. HTML</title></head>   
<frameset ROWS=10%,*> 
 
            <frame src="sebas3.html" name="inicio"  frameborder=no>
 
        <frameset cols=20%,*>     
               
                    <!-- [COLOR="Red"]Contiene el Script[/COLOR] -->
                            <frame  src="LeftSide.html" name="left" frameborder=no align=center> 
                              
                       <!-- [COLOR="Red"]Aquí se deben desplegar o los archivos en formato html seleccionados[/COLOR] -->
                            <frame  src="vacio.html" name="tabula" frameborder=no align=center>   
                          <NOFRAMES>
                               SU navegador NO MUESTRA FRAMES. Pulse <A href= "home.htm" > AQUI </A> para ir a la página sin Frames. </BODY>
                          </NOFRAMES>
        </frameset>    
 
</frameset>  
 
</html>

El archivo LeftSide.html con el Script

Código javascript:

Ver original<!-- basado en el código original propuesto por Kaopectate -->
<!-- (Foros del Web) -->
 
<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, "Ciudad de México", "[COLOR="Blue"]En el original, aquí va un link...lo tuve que quitar[/COLOR]");
      addOpt(oCntrl,  1, "Monterrey", "[COLOR="Red"]Prueba1.htm[/COLOR]"); // [COLOR="Red"]Archivo asociado a esta opción[/COLOR]
      addOpt(oCntrl,  2, "Guadalajara", "[COLOR="Red"]PageTest.htm[/COLOR]"); // [COLOR="Red"]Archivo asociado a esta opción[/COLOR]
      break;
     case 1: 
      addOpt(oCntrl,  0, "Madrid", "[COLOR="Blue"]En el original, aquí va un link...lo tuve que quitar[/COLOR]");
      addOpt(oCntrl,  1, "Barcelona", "[COLOR="Blue"]En el original, aquí va un link...lo tuve que quitar[/COLOR]");
      addOpt(oCntrl,  2, "San Sebastián", "[COLOR="Blue"]En el original, aquí va un link...lo tuve que quitar[/COLOR]");
      break;
     case 2: 
      addOpt(oCntrl,  0, "Caracas", "[COLOR="Blue"]En el original, aquí va un link...lo tuve que quitar[/COLOR]");
      addOpt(oCntrl,  1, "Maracay", "[COLOR="Blue"]En el original, aquí va un link...lo tuve que quitar[/COLOR]");
      addOpt(oCntrl,  2, "Valencia", "[COLOR="Blue"]En el original, aquí va un link...lo tuve que quitar[/COLOR]");
      break;
    }
   }
  </script>
 </head>
 <body>
  <form name="frm">
   <table border="0" width="582" align=center>
        </br>
         <tr>
            Seleccione un País
             </tr>
             <tr width="69">
                  <select name="pais" onchange="cambia(document.frm.ciudad)">
                   <option value="Mex">Mexico</option>
                   <option value="Esp">España</option>
                   <option value="Ven">Venezuela</option>
                  </select>
            </tr>
    </tr>
</br></br>
         <tr>
            Seleccione el/los tabulado(s)
             </tr>
          
    <tr width="60">
      <select name="ciudad" size=3 multiple="ciudad">
       <option value="0">Ciudad de México</option>
    </tr>
 
</br></br>
      
     <tr width="90">
      </select> <input type="button" value="Tabla(s)..." onClick="parent.tabula.location.href=this.form.ciudad.options[this.form.ciudad.selectedIndex].value" </td>
    </tr>
    </br>
     <tr width="90">
      </select> <input type="button" style="width:140px;height:30px;border  value="Guardar Como..." onClick=" " </td>
    </tr>
    </br>
     <tr width="60">
      </select> <input type="button" style="width:140px;height:30px;border value="Información..." onClick=" " </td>
    </tr>
 
   </table>
   
 
  </form>
 
 </body>
 
</html> 
</script>
</body>
</html>