Discussion :

[saramery]

Bonsoir,

Merci de me donner un coup de pouce pour trouver la solution :
j'utilise l'Ajax pour récupérer la note d'un stagiaire à chaque fois que je sélectionne un stagiaire et je dois garder cette note pour la multiplier par un coefficient et mettre le résultat dans un champs résultat.
la sélection fonctionne très bien mais pour garder la note j'ai utilisé les sessions .
mais la note récupéré est celle du premier stagiaire sélectionné.

je veux récupérer la note de chaque stagiaire et la multiplier sans recharger la page.

Merci d'avance pour votre aide.

[saramery]

Bonjour,
voici mon code :

page : note.php

Code :

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

1
2
3
4
5
6
session_start(); 
include('connexion.php'); 
$a = $_GET['a']; 
$select_stg_sql = mysql_query("select * from stagiaire where id_stg = '".$a."'"); 
$select_stg = mysql_fetch_array ($select_stg_sql); 
$_SESSION['note'] = $select_stg['note'];

Page : ajax.js

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
function shownote(stg) 
{ 
xmlhttp=GetXmlHttpObject(); 
if (xmlhttp==null) 
  { 
  alert ("Browser does not support HTTP Request"); 
  return; 
  } 
var urla="note.php"; 
urla=urla+"?a="+stg; 
urla=urla+"&sid="+Math.random(); 
xmlhttp.onreadystatechange=stateChanged; 
xmlhttp.open("GET",urla,true); 
xmlhttp.send(null); 
} 
 
function stateChanged() 
{ 
if (xmlhttp.readyState==4) 
{ 
document.getElementById('note').innerHTML=xmlhttp.responseText; 
} 
} 
 
function GetXmlHttpObject() 
{ 
if (window.XMLHttpRequest) 
  { 
  // code for IE7+, Firefox, Chrome, Opera, Safari 
  return new XMLHttpRequest(); 
  } 
if (window.ActiveXObject) 
  { 
  // code for IE6, IE5 
  return new ActiveXObject("Microsoft.XMLHTTP"); 
  } 
return null; 
}

et la page php qui inclue la page ajax.js:

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
41
42
43
44
45
46
47
48
49
<script language="javascript"> 
function calculresultat() 
{ 
 
document.getElementById('nt').value = parseFloat(document.getElementById('coeff').value *  echo $_SESSION['note'] ;  ) 
 
} 
</script> 
 
 
if (isset($_POST['action']) && $_POST['action'] == 'notejout') { 
); 
$sql = 'INSERT INTO `*****` values ("id_stg","note","coeff","resultat" )'; 
 
 
        mysql_query($sql); 
 
            } 
    else {         
 
        echo '<form   method="post" enctype="multipart/form-data"  >'; 
 
 
        echo '<table  >'; 
 
        echo '<td class="intitula"> Stagiaire: </td><td ><select name="id_stg" 
         onChange="javascript:shownote(this.value)">'; 
        echo '<option value="" selected="selected"> Selectionnez un Stagiaire </option>'; 
    $selected_stagiaire_sql = mysql_query("SELECT * FROM stagiaire "); 
while ($selected_stg =  mysql_fetch_array($selected_stagiaire_sql)) { 
echo '<option value="'.$selected_stg['id_stg'].'"> '.$selected_stg['nom_stg']." ".$selected_stg['pren_stg'].' </option>';} 
echo'</select>'; 
 echo'</td>'; 
        echo '</tr>'; 
 
        echo '<tr>'; 
        echo '<td class="intitula"> coefficient: </td><td><input class="infose" type="texte" id="coeff" name="coeff" > </td>'; 
        echo '</tr>'; 
        echo '<tr>'; 
        echo '<td class="intitula"> resultat: </td><td> 
        <input type="texte" id="nt" name="resultat" onFocus="calculresultat();" > </td>'; 
        echo '</tr>'; 
        echo '<tr >'; 
        echo '<td style="text-align: right;"><div id="note" ></div> </td>'; 
        echo '<td><input type="submit" name="button"  value="Ajouter"/></td>'; 
        echo '</tr>'; 
        echo '</table>'; 
 
        echo '</form>';

[E.Bzz]

Bonjour,

mais la note récupéré est celle du premier stagiaire sélectionné.

ça ne serait pas dû à un problème de cache, sous IE essentiellement ?
Si tu fais F5 après l'appel Ajax, la note attendue s'affiche-t-elle ?

EDIT : ta variable xmlhttp est bien déclarée en globale ?

A+

[saramery]

Bonjour,ça ne serait pas dû à un problème de cache, sous IE essentiellement ?
Si tu fais F5 après l'appel Ajax, la note attendue s'affiche-t-elle ?

EDIT : ta variable xmlhttp est bien déclarée en globale ?

A+

Bonjour,

je travaille seulement sur firefox,

oui quand je sélectionne un stagiaire, la note s'affiche mais pour l'utiliser dans le calcul je dois actualiser la page .

oui il 'est bien déclaré et ça fonctionne .

Merci pour le temps que vous passez à trouver la solution.

[E.Bzz]

oui quand je sélectionne un stagiaire, la note s'affiche mais pour l'utiliser dans le calcul je dois actualiser la page .

Alors c'est normal, puisque ta fonction utilise "en dur" la valeur PHP connue au moment de la génération de la page (et non après appel Ajax)

Code php :

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

echo $_SESSION['note']

Il faut que tu modifies ta fonction Javascript pour qu'elle utilise à la place l'objet qui récupère la réponse Ajax, en l'occurrence

Code :

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

document.getElementById('note').innerHTML

A+

[saramery]

Alors c'est normal, puisque ta fonction utilise "en dur" la valeur PHP connue au moment de la génération de la page (et non après appel Ajax)

Code php :

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

echo $_SESSION['note']

Il faut que tu modifies ta fonction Javascript pour qu'elle utilise à la place l'objet qui récupère la réponse Ajax, en l'occurrence

Code :

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

document.getElementById('note').innerHTML

A+

Merci bien pour votre réponse ,et j'espère que vous m'expliquiez un peu plus parce que je sais pas où je mets le code que vous m'avez proposé.

[E.Bzz]

Je parle de cette fonction là

Code :

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

1
2
3
4
5
6
function calculresultat() 
{ 
 
document.getElementById('nt').value = parseFloat(document.getElementById('coeff').value *  echo $_SESSION['note'] ;  ) 
 
}

qui pourrait devenir

Code :

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

1
2
3
4
5
6
function calculresultat() 
{ 
 
document.getElementById('nt').value = parseFloat(document.getElementById('coeff').value, 10) *  parseFloat(document.getElementById('note').innerHTML, 10); 
 
}

A+

[saramery]

}[/code]qui pourrait devenir

Code :

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

1
2
3
4
5
6
function calculresultat() 
{ 
 
document.getElementById('nt').value = parseFloat(document.getElementById('coeff').value, 10) *  parseFloat(document.getElementById('note').innerHTML, 10); 
 
}

A+

Merci beaucoup pour votre réponse ,et pour votre temps,
j'ai essayé votre code mais il donne comme résultat :NAN
et aussi merci de m'expliquer à quoi sert le 10

[E.Bzz]

Le "NaN" ( = Not A Number) c'est certainement que la fonction est déclenchée à un moment où une des 2 valeurs (note ou coeff) n'est pas alimentée (avant l'appel Ajax par exemple) : il faut peut être l'alimenter par défaut, contrairement à actuellement, ou encore ne pas déclencher la fonction tant que les 2 valeurs ne sont pas présentes.

Le 10 c'est pour éviter un bug JavaScript : il s'agit de la base à utiliser pour la conversion.
Dans les fonctions de la librairie math (parseInt, parseFloat etc.), si on ne précise pas cette base, Javascript utilise le premier caractère du premier paramètre pour "deviner" (mal) la base de conversion. Dans certains cas, la valeur retournée est alors une valeur octale et non décimale. En général, on y laisse pas mal de cheveux avant de trouver la source du problème

A+

[saramery]

En général, on y laisse pas mal de cheveux avant de trouver la source du problème

A+

Merci beaucoup pour votre réponse et pour le temps que vous avez passé à m'aider.
Je vais chercher où est la source du problème pour le mettre en résolu et j'éspere le faire plus vite pour ne pas laisser plus de cheveux .

A+

[E.Bzz]

Tu peux essayer quelque chose dans ce style

Code javascript :

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

1
2
3
4
5
6
7
function calculresultat() 
{ 
if (!isNaN(document.getElementById('coeff').value) && !isNaN(document.getElementById('note').innerHTML))
  document.getElementById('nt').value = parseFloat(document.getElementById('coeff').value, 10) *  parseFloat(document.getElementById('note').innerHTML, 10); 
else
  alert("Une des valeurs n'est pas un nombre !");
}

A+

[saramery]

Tu peux essayer ...code]
A+

Encore Merci beaucoup

[saramery]

Bonjour,
J'ai trouvé la solution , une simple modification dans le fichier ajax.js

pour la fonction stateChanged()
function stateChanged()
{
if (xmlhttp.readyState==4)
{
document.getElementById('nt').value = parseFloat(document.getElementById('coeff').value) * xmlhttp.responseText ;
}
}

et merci beaucoup E.Bzz