Discussion :

[accentcom]

Bonjour à tous

Je suis en train de reprendre un code existant js et j'ai un petit problème pour faire passer une variable.

Voici le code initial:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
var oXHR = new XMLHttpRequest();        
oXHR.upload.addEventListener('progress', uploadProgress, false); //appel de la fonction uploadProgress
 
function uploadProgress(e) { // upload process in progress
    if (e.lengthComputable) {
        iBytesUploaded = e.loaded;
        iBytesTotal = e.total;
        var iPercentComplete = Math.round(e.loaded * 100 / e.total);
        var iBytesTransfered = bytesToSize(iBytesUploaded);
        document.getElementById('progress_percent').innerHTML = iPercentComplete.toString() + '%';
        document.getElementById('progress').style.width = (iPercentComplete * 4).toString() + 'px';
        //document.getElementById('b_transfered').innerHTML = iBytesTransfered;
        if (iPercentComplete == 100) {
            var oUploadResponse = document.getElementById('upload_response');
            oUploadResponse.innerHTML = '<h1>Please wait...processing</h1>';
            oUploadResponse.style.display = 'block';
        }
    } else {
        document.getElementById('progress').innerHTML = 'unable to compute';
    }
}

Ce que je souhaite faire c'est envoyer une variable supplémentaire "mavariable" à la fonction uploadProgess, ce que je ne comprends pas c'est que lorsqu'elle est appelée on l'écrit uploadProgress alors qu'elle est déclarée avec une variable "e" function uploadProgress(e){
//code
}
comment faire pour appeler ma fonction avec une nouvelle variable
ex:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

uploadProgress(mavariable)

en ayant une fonction écrite comme ça:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
function uploadProgress(e,mavariable){
//code
}

Merci d'avance à celui qui résoudra mon problème car je sèche complètement

[SylvainPV]

Le e signifie en fait "event". La fonction en argument de addEventListener est appelée avec comme paramètre l'objet Evènement. C'est la même chose pour les déclarations de type elem.onclick = function(event){ ... }
La ligne :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

oXHR.upload.addEventListener('progress', uploadProgress, false);

peut être remplacée par :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
oXHR.upload.addEventListener('progress', function(event){
uploadProgress(event);
}, false);

Ce qui devrait te sembler plus facile pour ajouter ton paramètre

[accentcom]

Merci pour cette réponse
Donc si je te suis bien, je dois faire ça pour envoyer une variable de +:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
oXHR.upload.addEventListener('progress', function(event){
uploadProgress(event,mavariable);
}, false);

et ensuite déclarer ma fonction comme ceci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
function uploadProgress(e,mavariable) {
//code de la fonction
}

est-ce que c'est bien comme ça qu'il faut faire?

[Bovino]

est-ce que c'est bien comme ça qu'il faut faire?

Teste et tu le sauras rapidement...

[accentcom]

Merci de cette réponse constructive