Discussion :

[lybhur]

Bonjour tout le monde !

Voici mon petit bout de code problématique :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<form id="form_vu" action="view_users.php" method="post">
   <select id="form_select" name="filter" onchange="document.getElementById('form_vu').submit()" >
      <option value="ts" "selected">Tous</option>
      <option value="am" >Administrateurs</option>
      <option value="mb" >Membres</option>
   </select>
   <input type="submit" id="envoi" name="submit" value="OK" float="left">
   <input type="hidden" name="submitted" value="TRUE">
   <script>document.getElementById('envoi').style.display = 'none';</script>
</form>
<?php echo '<p>envoyé ? -> '.(isset($_POST['submitted'])?'oui':'non').'</p>'; ?>

la balise <script> sert à masquer le bouton "submit" si javascript est activé chez le client

Le problème, c'est que $_POST est retourné vide (j'obtiens "envoyé ? -> non" à l'écran...)

[Bovino]

Oui, le changement effectif intervient en fait après le déclenchement de l'événement, il faut donc faire une légère temporisation

[lybhur]

Et comme on fait ça ? (je débute !...)

[lybhur]

Bon, j'ai essayé

Code :

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

onchange=setTimeout("document.getElementById('form_vu').submit()",1000)>

mais si j'ai bien compris, c'est normal que ça ne marche pas puisque PHP=server et JS=client donc impossible de temporiser la récupération dans le $_POST avec cette méthode...

J'ai essayé de temporiser le PHP avec

Code :

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

<form id="form_vu" action="<?php sleep(1); ?>view_users.php" method="post">

mais ça ne marche pas non plus...
J'ai bien une temporisation au chargement de ma page mais plus quand je choisis une option dans mon select !

Quelqu'un a une idée ?

[lybhur]

Changement de tactique !

je modifie mon select :

Code :

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

<select id="form_select" name="filter" onchange="submitTags();" >

avec une fonction JS définie comme ça :

Code :

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

1
2
3
4
5
6
7
function submitTags(){
 
    var btnSubmitTags = document.getElementById("envoi");
 
    // clic envoyé par le programme
    btnSubmitTags.click();
  }

remarque : "envoi" est l'ID de mon bouton submit (celui qui est caché si javascript est activé chez le client ou affiché si javascript désactivé)

TADA !!
ça marche