[Javascript] Firefox et Opera VS Safari et IE

Bonjour,

après moultes recherches et avoir tourné le truc dans tout les sens, je m'en remet à vous. Je débute dans le Javascript, et dèja je m'aperçois qu'il a des différences entre les divers navigateurs qui existent...

J'ai un script qui est censé utiliser XMLHttpRequest pour récuperer des données a partir
d'un script PHP, et ensuite mettre à jour ma page sans rechargement.

Mon script fonctionne impec sous Firefox, sous Opera, mais impossible de lui faire savoir quoi que ce soit sous Internet Explorer et Safari (Mac et PC).

Je deviens fou, voici mon code:

function recup() { 
	var idProgress=document.getElementById("progress_key").value;
	var xhr= null;

	if(window.XMLHttpRequest) 
	xhr = new XMLHttpRequest();
	else if(window.ActiveXObject) 
	xhr = new ActiveXObject("Microsoft.XMLHTTP");
	else { 
	alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
	return;
}

	xhr.open("GET","progress.php?progress_key="+idProgress,true);
	xhr.send(null);
	xhr.onload=maj;
}

function maj() { /*rappel objet xmlHttpRequest */

	var repXhr=this.responseText; //récupération de la réponse du serveur via l'objet xmlHttpRequest (this)

	if (this.readyState == 4) { 
	var objRep=eval('('+repXhr+')');
	}


	document.getElementById("sec").innerHTML=objRep.est_sec+" secondes restantes";
	var i = objRep.bytes_uploaded;
	var j = objRep.bytes_total;
	var percent = Math.ceil(i*100/j);
	var pix = percent*300/100;

	document.getElementById("p_pc").innerHTML=percent+"%";
	document.getElementById("p_barre").style.width=parseInt(pix)+"px"; 
	if (percent!=100) { recup(); }
}

Merci à vous

Bonjour,

>>je m'aperçois qu'il a des différences entre les divers navigateurs qui existent...
doux euphémisme... hélas.

>> xhr.onload=maj;
    ?? étonné que ça baigne avec FF d'ailleurs !
    c'est pour le xml "normalement" ( mais qu'y a-t-il de normal ? ) pas pour ajax

tu utilises la méthode asynchrone : xhr.open("GET","progress.php?progress_key="+idProgress,true);

il faut attendre la réponse du serveur, et pas avec onload.
          xhr..onreadystatechange = function()
                {    if(xml.readyState == 4)
                     {    la réponse a été reçue...   reste à tester si status==200
                                                              et faire le boulot

sans préjuger du reste ( pas regardé )

---

                Cordialement            Bul         [mon Site]     [M'écrire]

il fallait lire    {    if(xhr.readyState == 4)     "bien entendu" !

---

                Cordialement            Bul         [mon Site]     [M'écrire]

J'ai procédé comme tu m'as dis, mais je suis pas vraiment convaincu puisque maintenant ca ne fonctionne plus nulle part

    xhr.open("GET","progress.php?progress_key="+idProgress,true);
    xhr.onreadystatechange = function() {
        if(xhr.readyState == 4) {
            if(xhr.status  == 200)
            tcb;
        }
    }
    xhr.send(null);

Bon je reviens à la charge... J'ai réécris completement mon code, ca marche impec sur Firefox et Opera.

function getstatus() {

    var xhr = null;

    if(window.XMLHttpRequest) // Firefox
    xhr = new XMLHttpRequest();
    else if(window.ActiveXObject) // Internet Explorer
    xhr = new ActiveXObject("Microsoft.XMLHTTP");
    else { // XMLHttpRequest non supporté par le navigateur
    alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
    return;
}

var idProgress = document.getElementById("clef").value;

xhr.open("GET", "progress.php?progress_key="+idProgress, true);
xhr.onreadystatechange = function() {
    if(xhr.readyState == 4) {
        if(xhr.status == 200) {

        var tmp=xhr.responseText;
        var reponse=eval('('+tmp+')');
       
        var b_up = reponse.bytes_uploaded;
        var b_tot = reponse.bytes_total;
        var percent = Math.ceil(b_up*100/b_tot);
        var pixel = percent*300/100;
       
        document.getElementById("sec").innerHTML = reponse.est_sec+" secondes restantes";
        document.getElementById("p_pc").innerHTML = percent+"%";
        document.getElementById("p_barre").style.width=parseInt(pixel)+"px";
        document.getElementById('rep').style.display = '';
        if (percent!=100) { getstatus(); }
        }
    }
}

xhr.send(null);

}

Seulement Internet Explorer m'affiche bien les reponses que je veux mais une seule fois... En fait on a l'impression qu'il bloque sur if (percent!=100) { getstatus(); }, il ne réécute pas le script, et IE plante... Quant a Safari ca ne fonctionne pas du tout... Si vous avez une idée du pourquoi du comment, je suis preneur

Merci

pas suivi...

tu veux afficher la progression ?
     ne teste pas  xhr.readyState == 4 alors, ça veut dire que c'est fini.
   de toutes manières FF te "rend" le main entre deux, pas IE.
ou alors tu as un problème de cache ?
    ajoute '?'+new Date() derrière l'url

---

                Cordialement            Bul         [mon Site]     [M'écrire]

En fait xhr.open lit un fichier texte qui est mis a jour toute les secondes, d'ou l'interet de if (percent!=100) { getstatus(); } . Dans mon fichier il ya la valeur percent et je veux que mon script tourne en boucle en relisant le fichier texte tant que percent n'est pas égal à 100

Et j'ai essayé en rajoutant +newDate() ca change rien

xhr.open("GET", "progress.php?progress_key="+idProgress+'&'+new Date(), true);
et je répète... IE ne rend la main qu'à la fin du traitement php.

---

                Cordialement            Bul         [mon Site]     [M'écrire]

if (percent!=100) { getstatus(); }
et tu refais pas le xhr.send(null); ?
on ne rappelle pas donc le php.

---

                Cordialement            Bul         [mon Site]     [M'écrire]