barra di caricamento con numero che indica lo stato di avanzamento

[sjpagan]

ecco come immaginavo, sto pasticciato, potreste darmi qualche consiglio procedurale su come procedere, non voglio esempi di codice a scrocco, mi piace scriverli da me e poi con il tempo perfezionarsi. Mi sto intestare no con questa cosa perché mi servirà in seguito per l'invio delle email, sicuramente dopo aver finito posto il codice in modo che possa essere di aiuto ad altri :-)

[scorpioprise]

Guarda, io per fare questi pasticci (passare parametri numerici, ad esempio) uso un bel campo input hidden e disabled (vado a memoria) in cui mi salvo i numeri/parole che mi servono, e da lì, a runtime, me li rileggo. non sarà pulitissimo ma funziona :-P

[sjpagan]

Ho già provato ma non funziona, rileggendemi la documentazione di $.ajax mi dice chiaramente che non posso scrivere in un input e poi rileggere i dati esternamente ad esso... magari sto usando io un metodo sbagliato, ma non riesco a venirne a capo, ho provato pure con $.get ma il risultato è lo stesso... Tu come fai a fare questa cosa ?potresti postarmi un piccolo esempio ?

[sjpagan]

ecco il mio codice di test

 
function test(){
    var url="my_url";
     $.get(url,function(data){
         var obj = jQuery.parseJSON(data);

        $('#last_id').val(obj.id);
     });
 }
$('#crea_file').click(function(){
    test();
    alert($('#last_id').val());
 });

[scorpioprise]

Guarda, io vado direttamente via DOM, anzichè usando JQuery:
per scrivere

document.getElementById("").value= "qualcosa"

per leggere

var vattelapesca=document.getElementById("").value

ti dico, lo stile lascia a desiderare ma va

ps. sono andato a memoria

[sjpagan]

non posso usare jquery ?

[scorpioprise]

nulla ti impedisce di farlo dentro a un costrutto jquery semplicemente accedi all'oggetto in altro modo in fin dei conti sempre di javasciprt si tratta
ovvio che enell'esempio di prima devi dare un nome di un id del campo hidden, non l'ho detto ma forse non era chiaro

[sjpagan]

come faccio a scrivere document. dentro ad jquery ? non me lo riconosce, ho più familiarità con jquery che con javascript :-(

[cavicchiandrea]

come faccio a scrivere document. dentro ad jquery ?

Nello stesso modo di come lo scriveresti fuori da jquery document.getElementById(......) oppure usi il costrutto jquery $("#......")

non me lo riconosce,

Perché probabilmente è scritto male oppure richiami l'oggetto quando non esiste nel dom

ho più familiarità con jquery che con javascript :-(

Non si direbbe, comunque sarebbe meglio il contrario conoscere il linguaggio non un framework!!

[sjpagan]

Ragazzi finalmente ho risolto, posto il codice così potra essere di aiuto a qualche altro malcapitato come me :-)

Lato server ho due script che eseguono due operazioni separate, il primo provvede alla vera e propria creazione del file e ne carica lo stato sul DB, il secondo interroga il db e mi restituisce lo stato attuale delle operazioni.

Lato client ho bootstrap in html che si occupa di far vedere la mia barra di caricamento e in js ho il seguente codice

function control_loading_state() {

  var strUrl =($("#url").val())+"read_loading_state" , obj = "";

  jQuery.ajax({
    url: strUrl,
    success: function(html) {
      obj = html;
    },
    //questa stringa mi permette di esportare i dati in modo sincrono
    async:false
  });
  if(obj =='"empty"'){
    return false;
  }else{
    return obj;
  }
}

 $('#crea_file').click(function(){
    
     //Avvio la creazione del file
     open_page();
     //dichiaro le variabili
     var result,current,totale,percent;
     //controllo che la pagina mi restituistca la stringa con i dati che a me servono
     do{
      result =  control_loading_state();
     }while(!result)
     
     do{
         //rileggo i dati fino a quando non  mi restituisce false
         result =  jQuery.parseJSON(control_loading_state());
         
         totale = result.totale;
         current = result.current;
         percent = (current/totale)*100;
       
         $('#status_bar').css("visibility","visible");
         $('#progress_bar').css("width",parseInt(percent)+"%");
         $('#progress_bar').text(parseInt(percent)+"%");
     }while(result != false)
        $('#progress_bar').css("width",100+"%");
        $('#progress_bar').text(100+"%");
        $('#status_bar').css("visibility","hidden")
        $('#progress_bar').css("width",0+"%");
        $('#progress_bar').text("0%");
  
 });
 
//avvio la creazione del file 
//
function open_page(){
    var url=($("#url").val())+"create_file";

     $.get( url, function( data ) {
});
}

a voi le conclusioni :-D