Discussion :

[maximation]

Bonjour à tous, j'avais deja poster un sujet précedement mais j'ai préférer modifier mon code je n'y arrivai pas autrement et j'ai tener d'apprendre quelque base en ajax.

Je souhaite afficher le choix d'un select dans une div mais je n'y arrive pas.

Voici ma liste déroulante :

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
 
<select onchange="retourcommercial()" name='lcommercial' id='lcommercial' >
<option selected="selected" value="Choisissez">Choisissez</option>
<?php
 
 
$requetecommercial= "select distinct ma_comvisu from ma_magasins";
$rescommercial = mssql_query($requetecommercial);
 
 
 
while($valcommercial=mssql_fetch_array($rescommercial)) {
        
        echo "<option value=".$valcommercial["ma_comvisu"]." >".$valcommercial["ma_comvisu"]."</option>";
}
        
 
 
echo"<option>Tous</option>";
echo"</select>";
 
 
echo '</TD>';
 ?>

Je souhaite afficher le choix de ma liste déroulante ici :

Code :

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

1
2
3
4
5
6
 
<TBODY id="xmlhttp">
<?php
 
?>
</TBODY>

Voici mon fichier 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
 
 function retourcommercial()
 {
 
  get_Xhr();
  xhr.onreadystatechange = function()
   {
    if(xhr.readyState == 4 && xhr.status == 200)
     {
 
      document.getElementById('xmlhttp').innerHTML = xhr.responseText;
 
     }
   }
 
  xhr.open("POST",'valeurslistes/sauvcommercial.php',true);
  xhr.setRequestHeader('Content-Type','x-www-form-urlencoded');
 
  commercial = document.getElementById('lcommercial').options[document.getElementById('lcommercial').selectedIndex].value;
 
  xhr.send("typecommercial="+commercial);
 
 }

Et enfin mon sauvcommercial.php

Code :

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

1
2
3
4
5
6
7
8
 
<?php
echo '<TR>';
echo '<TD>';
echo $_POST['typecommercial'];
echo '</TD>';
echo '</TR>';
?>

Cela m'affiche une cellule vide dans mon TBODY, encore novice en Ajax je ne comprend pas pourquoi.

Merci de votre aide

[E.Bzz]

Bonjour,
tout d'abord, tu ne peux pas afficher de valeur directement entre <tbody> et </tbody> : chaque valeur doit être dans une cellule (<td></td>) : c'est un problème HTML ...
De même je ne suis pas sûr que l'ajout de lignes via innerHTML comme tu le fais fonctionne dans tous les cas.

Aussi, ta fonction Ajax ne doit renvoyer que la valeur (sans les bouts de structure de <table>).

En donnant, au TD qui doit recevoir la valeur renvoyée par Ajax, un id="xmlhttp", ton passage

Code :

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

document.getElementById('xmlhttp').innerHTML = xhr.responseText;

devrait fonctionner

A+

[maximation]

Je ne comprend pas puisque ma variable à afficher ici est bien entourée de <TD></TD>

Code :

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

1
2
3
4
5
6
7
8
 
<?php
echo '<TR>';
echo '<TD>';
echo $_POST['typecommercial'];
echo '</TD>';
echo '</TR>';
?>

[E.Bzz]

Relis et essaye

A+

[maximation]

J'ai beau chercher ne comprend pas ce que tu veux dire.

je vais essayer et re-essayer ! J'y arriverais !

[E.Bzz]

Code html :

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

1
2
3
<TBODY>
<tr><td id="xmlhttp"></td></tr>
</TBODY>

avec sauvcommercial.php

Code php :

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

1
2
3
<?php
echo $_POST['typecommercial'];
?>

C'est plus clair ?

A+

[maximation]

Totalement clair ! Alors même problème !

J'ai fais quelques test en mettant :

Code :

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

1
2
3
4
 
<?php
echo 'Test';
?>

A la place de :

Code :

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

1
2
3
4
 
<?php
echo $_POST['typecommercial'];
?>

Tester avec ma méthode et la tienne cela marche pour les deux.

Je crois donc que c'est ma variable 'commercial' qui ne prend pas la valeur de ma liste déroulante ici :

Code :

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

1
2
3
4
5
 
  xhr.open("POST",'valeurslistes/sauvcommercial.php',true);
  xhr.setRequestHeader('Content-Type','x-www-form-urlencoded');
  commercial = document.getElementById('lcommercial').options[document.getElementById('lcommercial').selectedIndex].value
  xhr.send("typecommercial="+commercial);

Mais je n'en suis pas sur.

[E.Bzz]

Mais je n'en suis pas sur.

Que donne un alert() ?

A+

[maximation]

Alert() donne bien le choix de ma liste déroulante .
C'est donc au niveau de l'affichage de ma variable que cela coince ?

Ma ligne

Code :

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

xhr.send("scommercial" +commercial);

est correct ?

j'ai toujorus pas trouver de solution.