Descarga de archivos en PHP funciona, pero....

[sesebas]

Hola a todos,

Disculpen que habra un nuevo tema para una consulta que ya he hecho, pero necesito de su ayuda porque no consigo obtener lo que necesito.

Tengo tres select asociados que manejo con JavaScript y PHP donde el último (Selector3) es múltiple. Tengo tres botones, dos hacen un submit para coseguir desplegar en pantalla las archivos htm asociados a las opciones seleccionadas por el usuario. El tercer boton en cambio llama una función con la idea de dar la alternativa de descargar directamente los archivos asociados a la selección realizada sin pasar por desplegarlos en pantalla, los archivos para descarga tienen formato xls. Mi problema es que ahora funciona todo bien hasta el momento en que debo servir los archivos para descarga con php, cuando llega a este punto (según el seguimiento que hago con firebug) la única opción de descarga que obtengo es para el último archivo que he enviado a PHP. El código es el siguiente (recorté la línea en el "location.href" para ahorrar espacio aquí):

Código Javascript:

<script language="JavaScript" type="text/JavaScript">
 
 var archivos=new Array();//ponemos estas variables fuera de las funciones para que estén disponibles globalmente
 var indiceActual=1;
 var downloader;
    function DownFunction(){
 
            var x =1;
                for(i in document.form1.selector3.options){
                   if(document.form1.selector3.options[i].selected)
                         {
                        archivos[x]=document.form1.selector3.options[i].value;//cargamos los archivos a descargar en esta variable global
                        archivos[x]=archivos[x].replace(".htm",".xls");   
                            x++;
                                                }
                      }
 
                                    descargame=function()//definimos la función que se encargará de llamar a las descargas.           }
                 {
                 if(archivos[indiceActual])
                        {
                                    location.href=".../download.php?archivo="+archivos[indiceActual];
                        }
                 else
                        {
                       indiceActual=1;
                       archivos=new Array();
                       clearInterval(downloader);//una vez que se han descargado todos, eliminamos el intervalo y limpiamos las variables
                       }
                 }
          downloader=setInterval(descargame,1000);// aqui definimos el intervalo con un espacio de 1 segundo entre una descarga y otra.
          }
 
</script>
 

El código en "download.php"

Código PHP:

<?php 
 
if (!isset($_GET['archivo']) || empty($_GET['archivo'])) {
    exit();
}
 
$root = ".../ExcelFiles/";
$archivo = basename($_GET['archivo']);
$path = $root.$archivo;
                                                                                                                                                    
$type = '';                                                               
    $type = "application/force-download";                                 
                                                                          
                                                                          
    header("Content-Type: $type");                                        
    header("Content-Disposition: attachment; filename=$archivo");         
    header("Content-Transfer-Encoding: binary");                          
    header("Content-Length: " . $size);                                   
                                                                          
    readfile($path);                                                      
 
?>
 

Agradezco toda la ayuda que me puedan brindar.

[maycolalvarez]

¿pero que quieres hacer?: que al forzar la descarga del archivo no se recargue la página y los combos dependientes no pierdan su estado actual: es simple, utiliza un iframe para enviar las solicitudes de descarga, y reemplaza:

location.href=".../download.php?archivo="+archivos[indiceActual];
por:
window.open(".../download.php?archivo="+archivos[indiceActual],'id_del_iframe');

para así dirigir la descarga a ese iframe

[sesebas]

Gracias maycolalvarez, En este momento ya consigo forzar la descarga sin perder el estado de los Selects. Lo que sucede es que la descarga sólo me da la opción de bajar un sólo archivo (si eligiera siempre uno no hay problema), pero si elijo dos o más -dado que el select es múltiple- entonces sólo puedo ver y bajar el último archivo en la lista o variable matriz que envío para ser servida en php.

[maycolalvarez]

arreglando un poco mejor el codigo, resuta que lo que le falta es incrementar indiceActual para pasar al archivo siguiente:

Código Javascript:

<script language="JavaScript" type="text/JavaScript">
 
 var archivos=new Array();//ponemos estas variables fuera de las funciones para que estén disponibles globalmente
 var indiceActual=1;
 var downloader;
    function DownFunction(){ 
        var x =1;
        var opciones= document.forms['form1'].elements['selector3'].options;
        for(var i in opciones){
            if(opciones.options[i].selected)
            {
                archivos[x]=opciones.options[i].value;//cargamos los archivos a descargar en esta variable global
                archivos[x]=archivos[x].replace(".htm",".xls");   
                x++;
            }
        }
        indiceActual=1;
        downloader=setInterval('descargame();',1000);// aqui definimos el intervalo con un espacio de 1 segundo entre una descarga y otra.
    }
    function descargame()//definimos la función que se encargará de llamar a las descargas.           }
    {
        if(archivos[indiceActual])
        {
            location.href=".../download.php?archivo="+archivos[indiceActual];
            indiceActual++; //ESTO ERA LO QUE FALTABA
            
        } else {
            indiceActual=1;
            archivos=new Array();
            clearInterval(downloader);//una vez que se han descargado todos, eliminamos el intervalo y limpiamos las variables
        }
    }
 
</script>
 

[sesebas]

Muchas gracias maycolalvarez, por fin conseguí que funcionara al introducir los cambios que hiciste (separaste las funciones y corregiste referencias y posición de llamada a variables) al código que ya tenía, pues en el que escribiste no conseguí pasar de la línea:
"if(opciones.options[i].selected).

Ahora, el problema que se presenta es que sólo funciona en firefox; mientras que en IExplorer no lo hace, con el agravante que no puedo seguir el procedimiento como lo hago con firebug. Si pudieras darme una idea de porqué sucede te lo agradecería.

El código funcionando bien (en Firefox) quedó así:

Código Javascript:

<script language="JavaScript" type="text/JavaScript">
 
 var archivos=new Array();
 var indiceActual=1;
 var downloader;
           function DownFunction(){
 
                var x =1;
                for(i in document.form1.selector3.options)
                   {
 
                   if(document.form1.selector3.options[i].selected)
                         {
                        archivos[x]=document.form1.selector3.options[i].value;
                        archivos[x]=archivos[x].replace(".htm",".xls");   
                        x++;
                                                  }
                      }
                                    indiceActual=1;
                                    downloader=setInterval('descargame();',1000);
        }
 
       function descargame()
                   {
                       if(archivos[indiceActual])
                        {
                                                location.href=".../download.php?archivo="+archivos[indiceActual];
            indiceActual++; 
                        }
                 else
                        {
                       indiceActual=1;
                       archivos=new Array();
                       clearInterval(downloader);
                       }
                 }
 
</script>
 

[sesebas]

El problema se produce en la línea:

Código Javascript:

if(document.form1.selector3.options[i].selected)
 

Lo comprobé obteniendo un mensaje de alerta justo antes esa línea.

Código Javascript:

for(i in document.form1.selector3.options){
                
                   vale=document.form1.selector3.options[i].value
           
                   alert(vale)
           alert("El valor de i es:" + "" + i)
 

En Firefox me devuelve la propiedad "value" de cada opción y el valor de "i" en cada iteración... (son siete opciones) pero, además me entrega cuatro valores "Undefine" (como si tuviese 11 opciones) y el contenido de los últimos cuatro "values" es "item"; "selectindex"; "length" y "nameditem" respectivamente... Bueno, en IE realiza sólo cinco iteraciones (deberían ser siete) y cada una es del tipo : "Undefine" para value y "language" para "i". Entonces, claro que nunca va a funcionar en IE y de suerte funciona en FireFox.

Alguien me puede dar una idea de que es lo que pasa? y cómo lo puedo solucionar?

Gracias por la ayuda...