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.