Discussion :

[lowlyman]

bonjour tout le monde,
je travaille actuellement sur une application en jsf, un formulaire contanant plusieurs champs ,je dois avoir en fin de compte la somme de ces champs qui sera affiché dans le output
Le calcul est fait en javascript
Il me semble qu'il n'ya aucune erreur, mais le resultat n'est pas là je suis egaré
voiçi le code :

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
22
23
24
25
<script type="text/JavaScript" language="JavaScript">
 
function checkop(form)
{
	var first = document.getElementById("form:first").value;
	var second document.getElementById("form:second").value;
	var third = document.getElementById("form:third").value;
	var fourth = document.getElementById("form:fourth").value;
	var fiveth = document.getElementById("form:fiveth").value;
	var sixth = document.getElementById("form:sixth").value;
	var operator = "+";
 
	var operand1 = first;
	var operand2 = second;
	var operand3 = third;
	var operand4 = fourth;
	var operand5 = fiveth;
	var operand6 = sixth;
 
	var res = eval(operand1 + operator + operand2 + operator + operand3 + operator + operand4 + operator + operand5 + operator + operand6);
	var opres = document.getElementById("form:opres");
	opres.value = res;
 
}
</script>

Le code jsf :

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
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
 
<h:form  id="op" name="op">
 
                <a4j:outputPanel id="table0">
                 <table border="1" class="dr-table rich-table" style=" width : 840px;">
 
                 <tbody>
                    <tr>
                       <td> <rich:inputNumberSpinner name="first" id="first" value="0" minValue="0" maxValue="2"/></td>
                    </tr>
                    <tr>
                        <td> <rich:inputNumberSpinner value="0" name="second" id="second" minValue="0" maxValue="2"/></td>
                    </tr>
                    <tr>
                         <td> <rich:inputNumberSpinner value="0" name="third" id="third"  minValue="0" maxValue="2"/></td>
                    </tr>
                    <tr>
                       <td> <rich:inputNumberSpinner value="0" name="fourth" id="fourth"  minValue="0" maxValue="2"/></td>
                    </tr>
                    <tr>
                        <td> <rich:inputNumberSpinner value="0" name="fiveth" id="fiveth" minValue="0" maxValue="2"/></td>
                    </tr>
                    <tr>
                      <td> <rich:inputNumberSpinner value="0" name="sixth" id="sixth" minValue="0" maxValue="2"/></td>
                    </tr>
                    <tr>
                        <td colspan="4">  <h:outputText value=" Score "/>
                          </td>
                          <td> <h:outputText id="opres" value="" /> </td>
 
                    </tr>
                     <tr>
 
                          <td> <h:commandButton name="go" value="Calculer" onclick="checkop(op)"/>
                              </td>
                    </tr>
            </tbody>
        </table>
        </a4j:outputPanel>
           </h:form>

[*alexandre*]

as tu essayé de faire des alert pour tester chaque valeur et également de faire un alert de ton calcul

[lowlyman]

tout d'abord, merci pour avoir lu mon pb
en fait,g pas fait des test sur les valeurs introduites mais...
au debut j'ai realisé cette application just en HTML et javascript, et ça marché trs bien
mais quand j'ai tranformé les balises que j'ai en jsf , ça n'a pas marché
je sais pas trop, est ce qu il y a une incompatibilité entre js et jsf ou quelque chose de ce genre

[lowlyman]

j'ai fait ce que vous m'avez dit,j'ai ajouté
alert('test');
dans ma fonction javascript pour tester, mais il ya toujours rien

[fellyis]

bonjour tout le monde,
je travaille actuellement sur une application en jsf, un formulaire contanant plusieurs champs ,je dois avoir en fin de compte la somme de ces champs qui sera affiché dans le output
Le calcul est fait en javascript
Il me semble qu'il n'ya aucune erreur, mais le resultat n'est pas là je suis egaré
voiçi le code :

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
22
23
24
25
<script type="text/JavaScript" language="JavaScript">
 
function checkop(form)
{
	var first = document.getElementById("form:first").value;
	var second document.getElementById("form:second").value;
	var third = document.getElementById("form:third").value;
	var fourth = document.getElementById("form:fourth").value;
	var fiveth = document.getElementById("form:fiveth").value;
	var sixth = document.getElementById("form:sixth").value;
	var operator = "+";
 
	var operand1 = first;
	var operand2 = second;
	var operand3 = third;
	var operand4 = fourth;
	var operand5 = fiveth;
	var operand6 = sixth;
 
	var res = eval(operand1 + operator + operand2 + operator + operand3 + operator + operand4 + operator + operand5 + operator + operand6);
	var opres = document.getElementById("form:opres");
	opres.value = res;
 
}
</script>

Le code jsf :

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
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
 
<h:form  id="op" name="op">
 
                <a4j:outputPanel id="table0">
                 <table border="1" class="dr-table rich-table" style=" width : 840px;">
 
                 <tbody>
                    <tr>
                       <td> <rich:inputNumberSpinner name="first" id="first" value="0" minValue="0" maxValue="2"/></td>
                    </tr>
                    <tr>
                        <td> <rich:inputNumberSpinner value="0" name="second" id="second" minValue="0" maxValue="2"/></td>
                    </tr>
                    <tr>
                         <td> <rich:inputNumberSpinner value="0" name="third" id="third"  minValue="0" maxValue="2"/></td>
                    </tr>
                    <tr>
                       <td> <rich:inputNumberSpinner value="0" name="fourth" id="fourth"  minValue="0" maxValue="2"/></td>
                    </tr>
                    <tr>
                        <td> <rich:inputNumberSpinner value="0" name="fiveth" id="fiveth" minValue="0" maxValue="2"/></td>
                    </tr>
                    <tr>
                      <td> <rich:inputNumberSpinner value="0" name="sixth" id="sixth" minValue="0" maxValue="2"/></td>
                    </tr>
                    <tr>
                        <td colspan="4">  <h:outputText value=" Score "/>
                          </td>
                          <td> <h:outputText id="opres" value="" /> </td>
 
                    </tr>
                     <tr>
 
                          <td> <h:commandButton name="go" value="Calculer" onclick="checkop(op)"/>
                              </td>
                    </tr>
            </tbody>
        </table>
        </a4j:outputPanel>
           </h:form>

Salut
essai ce code ..

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
22
23
24
25
<script type="text/JavaScript" language="JavaScript">
 
function checkop(form)
{
	var first = document.getElementById(form+":first").value;
	var second document.getElementById(form+":second").value;
	var third = document.getElementById(form+":third").value;
	var fourth = document.getElementById(form+":fourth").value;
	var fiveth = document.getElementById(form+":fiveth").value;
	var sixth = document.getElementById(form+":sixth").value;
	var operator = "+";
 
	var operand1 = first;
	var operand2 = second;
	var operand3 = third;
	var operand4 = fourth;
	var operand5 = fiveth;
	var operand6 = sixth;
 
	var res = eval(operand1 + operator + operand2 + operator + operand3 + operator + operand4 + operator + operand5 + operator + operand6);
	var opres = document.getElementById(form+":opres");
	opres.value = res;
 
}
</script>

je crois que tu passe form ...comme un string ...donc le op !!est agnoré

[lowlyman]

non malheurseument ça n'a pas marché..
j'ai lu klkpart qu il y a une incompatibilité entre jsf et javascript, et il faut passer par ajax.. mais le pb je sais pas comment y arriver car je connais rien en ajax

[*alexandre*]

essaye peut être d'ajouter ça lors de ton appel à ta fonction js

onclick="javascript:checkop(this)"

[lowlyman]

merci pour ton aide alexandre, mais j'ai dejà essayé ceci et rien ne marche
je veux seulement savoir est ce que c'est faisable en ajax, car g lu klkpart qu'il ya un framwork apelé ajax4jsf et vu que ajax c'est du javascript, donc fort probable qu il y aura un moyen de faire connecter ma fonction js avec jsf
ou je me trompe??

[Sniper37]

tu peux le faire en java et envoyer la requete en ajax..ça doit être beaucoup plus simple..