Passage de paramêtres dans une fonction en javascript

Version imprimable

Bonjour,

J'ai besoins d'aide au niveau code/algorithme.

Comme vous pouvez le voir mes trois fonctions se ressemblent fortement.
Est il possible de créer une seule fonction général où je puisse passer mes id en paramètre ?
J'ai tenté différente choses sans succès et mes connaissances en javascript et programmation objet me permette pas de voir une solution.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
 
            <tr>
                <td class="de_classe" id="acrobatie">O</td>
                <td>Acrobatie</td>
                <td colspan="2">@</td>
                <td>DEX*</td>
                <td id="totalCompetenceAcrobatie"></td>
                <td>=</td>
                <td class="carac_dex" onChange="calculeCompetenceAcrobatie()" id="acrobatie_carac"></td>
                <td>+</td>
                <td>
                    <input type="text" name="acrobatie_maîtrise" size="2" maxlength="2" pattern="[0-9]{1,2}" value=0 onChange="calculeCompetenceAcrobatie()" id="acrobatie_maîtrise">
                </td>
                <td>+</td>
                <td>
                    <input type="text" name="acrobatie_divers" size="2" maxlength="2" pattern="[0-9]{1,2}" value=0 onChange="calculeCompetenceAcrobatie()" id="acrobatie_divers">
                </td>
            </tr>
 
            <tr>
                <td class="de_classe" id="art_de_la_magie">O</td>
                <td>Art de la magie</td>
                <td colspan="2">@</td>
                <td>INT</td>
                <td id="totalCompetenceArt_de_la_magie"></td>
                <td>=</td>
                <td class="carac_int" onChange="calculeCompetenceArt_de_la_magie()" id="art_de_la_magie_carac"></td>
                <td>+</td>
                <td>
                    <input type="text" name="art_de_la_magie_maîtrise" size="2" maxlength="2" pattern="[0-9]{1,2}" value=0 onChange="calculeCompetenceArt_de_la_magie()" id="art_de_la_magie_maîtrise">
                </td>
                <td>+</td>
                <td>
                    <input type="text" name="art_de_la_magie_divers" size="2" maxlength="2" pattern="[0-9]{1,2}" value=0 onChange="calculeCompetenceArt_de_la_magie()" id="art_de_la_magie_divers">
                </td>
            </tr>
 
            <tr>
                <td class="de_classe" id="artisanat_I">O</td>
                <td>Artisanat</td>
                <td>@</td>
                <td>(aaa)</td>
                <td>INT</td>
                <td id="totalCompetenceArtisanat_I"></td>
                <td>=</td>
                <td class="carac_int" onChange="calculeCompetenceArtisanat_I()" id="artisanat_I_carac"></td>
                <td>+</td>
                <td>
                    <input type="text" name="artisanat_I_maîtrise" size="2" maxlength="2" pattern="[0-9]{1,2}" value=0 onChange="calculeCompetenceArtisanat_I()" id="artisanat_I_maîtrise">
                </td>
                <td>+</td>
                <td>
                    <input type="text" name="artisanat_I_divers" size="2" maxlength="2" pattern="[0-9]{1,2}" value=0 onChange="calculeCompetenceArtisanat_I()" id="artisanat_I_divers">
                </td>
            </tr>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
function calculeCompetenceAcrobatie() {
    document.getElementById('totalCompetenceAcrobatie').innerHTML = parseInt(document.getElementById('acrobatie_carac').innerHTML)
                                                                  + parseInt(document.form.acrobatie_maîtrise.value)
                                                                  + parseInt(document.form.acrobatie_divers.value);
}
 
function calculeCompetenceArt_de_la_magie() {
    document.getElementById('totalCompetenceArt_de_la_magie').innerHTML = parseInt(document.getElementById('art_de_la_magie_carac').innerHTML)
                                                                        + parseInt(document.form.art_de_la_magie_maîtrise.value)
                                                                        + parseInt(document.form.art_de_la_magie_divers.value);
}
 
function calculeCompetenceArtisanat_I(){
    document.getElementById('totalCompetenceArtisanat_I').innerHTML = parseInt(document.getElementById('artisanat_I_carac').innerHTML)
                                                                    + parseInt(document.form.artisanat_I_maîtrise.value)
                                                                    + parseInt(document.form.artisanat_I_divers.value);
}

Merci de votre aide.

Salut tu pourrais faire ceci :

Code:

1
2
3
4
5
6
7
8
9
10
11
 
function calculeCompetences(id1, id2){
    document.getElementById(id1).innerHTML = parseInt(document.getElementById(id2).innerHTML)
                                                                    + parseInt(document.form.artisanat_I_maîtrise.value)
                                                                    + parseInt(document.form.artisanat_I_divers.value);
}
 
//ex:
calculeCompetences('totalCompetenceArt_de_la_magie', 'art_de_la_magie_carac');
calculeCompetences('totalCompetenceAcrobatie', 'acrobatie_carac');
calculeCompetences('totalCompetenceArtisanat_I', 'artisanat_I_carac');

L'idée est la et peux être améliorer selon tes besoins.

Bonne continuation.

Merci de ton aide.
C'est une bonne piste mais je voudrais passer aussi 'maîtrise' et 'divers' en paramêtre.
Et je bloque, il me déclare que parseInt('document.form.' + maîtrise + '.value') est un NaN.

Comment faire pour récupérer la valeur de document.form.acrobatie_maîtrise.value et document.form.acrobatie_divers.value
Code:

1 2 onChange="calculeCompetence('totalCompetenceAcrobatie','acrobatie_carac','acrobatie_maîtrise','acrobatie_divers')
Code:

1 2 3 4 5 6 7 function calculeCompetence(total,carac,maîtrise,divers) { document.getElementById(total).innerHTML = parseInt(document.getElementById(carac).innerHTML) + parseInt('document.form.' + maîtrise + '.value') + parseInt('document.form.' + divers + '.value'); }

Il faut faire :

Code:

1
2
 
onChange="calculeCompetence('totalCompetenceAcrobatie', 'acrobatie_carac', document.form.acrobatie_maîtrise, document.form.acrobatie_divers)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
 
//1 paramètre string 
//2 paramètre string
//3 paramètre object
//4 paramètre object
 
function calculeCompetence(total,carac,maîtrise,divers) {
    document.getElementById(total).innerHTML 
                                            = parseInt(document.getElementById(carac).innerHTML)
                                            + parseInt(maîtrise.value)
                                            + parseInt(divers.value);
}

Bonne continuation.

01/05/2015, 23h25
FRof

HA LA RUSE.

J'ai essayé plein de chose sauf cela.

C'est bon ça marche, merci tout plein.