[AJAX] Ajax et les sessions

Version imprimable

10/02/2010, 15h54
saramery

[AJAX] Ajax et les sessions

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.

Bonjour,
voici mon code :

page : note.php

Code:

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:

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:

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>';

11/02/2010, 14h34
E.Bzz

Bonjour,

Citation:

Envoyé par saramery

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+
11/02/2010, 15h29
saramery

Citation:

Envoyé par E.Bzz

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.
11/02/2010, 15h58
E.Bzz

Citation:

Envoyé par saramery

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:

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:

document.getElementById('note').innerHTML

;)

A+
11/02/2010, 16h15
saramery

Citation:

Envoyé par E.Bzz

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:

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:

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é.:oops:

Je parle de cette fonction là

Code:

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

qui pourrait devenir

Code:

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+

11/02/2010, 16h44
saramery
Citation:
Envoyé par E.Bzz

}[/code]qui pourrait devenir

Code:

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 :oops:
11/02/2010, 17h05
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+
11/02/2010, 17h14
saramery

Citation:

Envoyé par E.Bzz

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 .:P

A+

Tu peux essayer quelque chose dans ce style

Code:

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+

11/02/2010, 17h36
saramery

Citation:

Envoyé par E.Bzz

Tu peux essayer ...code]
A+

Encore Merci beaucoup
12/02/2010, 18h00
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