IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

concerver items d'un select apres rafraichissment


Sujet :

JavaScript

  1. #1
    Membre à l'essai
    Inscrit en
    Juin 2005
    Messages
    12
    Détails du profil
    Informations forums :
    Inscription : Juin 2005
    Messages : 12
    Points : 12
    Points
    12
    Par défaut concerver items d'un select apres rafraichissment
    bonjour,
    j'essaie de mettre en place une recherche de personne par mot clef. La liste de mots clef est longue (plus de 1000) je pensais donc la trier par theme. Initialement je suis en php mysql, les theme, les mots clef et les personne étant répertoriés dans la base mysql.

    J'ai donc une liste theme et une liste motclef, un choix dans la liste theme rafraichi la page avec le bon affichage dans la liste motclef grace à une fonction javascript. Jusqu'ici tout va bien.

    J'ai une troisieme liste 'selected' sensée contenir la liste des mots clef selectionnés. Je la rempli grace à une fonction Javascript "bascule" qui fait passer un item d'une liste a l'autre.

    Mon probleme est de concerver les mots clefs selectionnés si l'utilisateur change de theme et donc lance le rafraichissement de la page, auquel cas la liste 'selected' se vide.....

    je me dis qu'il faudrait remplir un tableau avec les items de la liste 'selected' et passer se tableau lors du rafraichissement par un get comme cela est fait pour le theme choisi mais je n'y arrive pas.

    peut on passer un tableau dans un get?
    comment passer plusieurs parametre dans ce get?
    comment récupérer les items d'un liste pour les mettres ds un tableau ?
    ...
    si quelqu'un à une suggestion je suis prenneur

  2. #2
    Membre émérite
    Inscrit en
    Septembre 2002
    Messages
    2 307
    Détails du profil
    Informations forums :
    Inscription : Septembre 2002
    Messages : 2 307
    Points : 2 814
    Points
    2 814
    Par défaut
    -> voir le forum php.
    les variables de liste se termine souvent par des []
    url->
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    ...?test[]=toto&test[]=titi

  3. #3
    Membre à l'essai
    Inscrit en
    Juin 2005
    Messages
    12
    Détails du profil
    Informations forums :
    Inscription : Juin 2005
    Messages : 12
    Points : 12
    Points
    12
    Par défaut
    bon j'ai finalement réussi à faire ce que je voulais, en limitant le choix des mots clef à 5 maximum...
    au moment du rafraichissement les mots clefs selectionnés sont passés par l'url via un get et récupérés pour etre inséré de nouveau dans la liste.
    On teste le nombre d'items de la liste lors du rafraichissement pour passer le bon nombre de paramètre...
    voilà ça fonctionne, c'est surement pas très élégant mais si il y a mieux je suis prenneur

    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
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
    124
    125
    126
    127
    128
    129
    130
    131
    132
    133
    134
    135
    136
    137
    138
    139
    140
    141
    142
    143
    144
    145
    146
    147
    148
    149
    150
    151
    152
    153
    154
    155
    156
    157
    158
    159
    160
    161
    162
    163
    164
    165
    166
    167
    168
    169
    170
     
    <?php 
            session_start();
            require ("DBmySQL.class.php");
            require ("Connect.php");
            require ("Agent2.class.php");
    ?>
     
    <script language=javascript>
    function modifcombo(nombre)
    {	
    	if (nombre==0)
    	document.location.replace("essaijs.php?choixtheme=" + document.form1.selecttheme.value);
    	if (nombre==1)
    	document.location.replace("essaijs.php?choixtheme=" + document.form1.selecttheme.value + "&mot1=" + document.form1.selectedmc.options[0].text);
    	if (nombre==2)
    	document.location.replace("essaijs.php?choixtheme=" + document.form1.selecttheme.value + "&mot1=" + document.form1.selectedmc.options[0].text + "&mot2=" + document.form1.selectedmc.options[1].text);
    	if (nombre==3)
    	document.location.replace("essaijs.php?choixtheme=" + document.form1.selecttheme.value + "&mot1=" + document.form1.selectedmc.options[0].text + "&mot2=" + document.form1.selectedmc.options[1].text + "&mot3=" + document.form1.selectedmc.options[2].text);
    	if (nombre==4)
    	document.location.replace("essaijs.php?choixtheme=" + document.form1.selecttheme.value + "&mot1=" + document.form1.selectedmc.options[0].text + "&mot2=" + document.form1.selectedmc.options[1].text + "&mot3=" + document.form1.selectedmc.options[2].text + "&mot4=" + document.form1.selectedmc.options[3].text);
    	if (nombre==5)
    	document.location.replace("essaijs.php?choixtheme=" + document.form1.selecttheme.value + "&mot1=" + document.form1.selectedmc.options[0].text + "&mot2=" + document.form1.selectedmc.options[1].text + "&mot3=" + document.form1.selectedmc.options[2].text + "&mot4=" + document.form1.selectedmc.options[3].text + "&mot5=" + document.form1.selectedmc.options[4].text);
    	if (nombre>5)
    	alert ("pas plus de 5 mots clef merci");
    	document.form1.selecttheme.value = $choixtheme;
     
    }
    function Deplacer(l1,l2) 
    {
    	if (l1.options.selectedIndex>=0) 
    	{
    		o=new Option(l1.options[l1.options.selectedIndex].text,l1.options[l1.options.selectedIndex].value);
    		l2.options[l2.options.length]=o;
    		l1.options[l1.options.selectedIndex]=null;
    	}
    	else
    	{
    	alert("Aucune activité sélectionnée");
    	}
    }
     
    </script>
    </head>
     
    <style type="text/css">
    <!--
    .Style2 {	font-size: 36px;
    	font-weight: bold;
    }
    -->
    </style>
    <body>
    <?php
     
    if (isset($_GET['choixtheme']))
    {
      $choixtheme = $_GET['choixtheme'];
      $mot1 = $_GET['mot1'];
      $mot2 = $_GET['mot2'];
      $mot3 = $_GET['mot3'];
      $mot4 = $_GET['mot4'];
      $mot5 = $_GET['mot5'];
    } 
    else 
    {
      $choixtheme = 0;
      $mot1 = NULL;
      $mot2 = NULL;
      $mot3 = NULL;
      $mot4 = NULL;
      $mot5 = NULL;
    }
     
     
    ?>
    <p><span class="Style2">RECHERCHER UN AGENT PAR MOTS CLEF</span></p>
     
    <form name="form1" method="POST" action="essaijs.php">
    <table width="100%" border="1">
      <tr>
        <td><div align="right">theme :</div></td>
        <td><select name="selecttheme" class="txt16-000000" onChange ="javascript : modifcombo(this.form.elements['selectedmc'].options.length)" style="width:400px">
          <option value=""></option>
          <!-- Valeur vide pour forcer l'utilisateur à sélectionner  -->
          <?php
                      // Connexion à la base
                   		$bd = new DBmySQL (NOM, PASSE, 'motscles', SERVEUR);
    					$resultat = $bd->execRequete ("SELECT * FROM soustheme");
     
     
     
         // Affectation des variables utilisées pour l'affichage
         if (mysql_num_rows($resultat)!=0) {  // résultat non vide
             while ($res=$bd->objetsuivant($resultat)) 
    		 {
              	$codetheme =$res->codesoustheme;
    			$theme = $res->nomsoustheme;
             	echo "<option value=" . $codetheme;
            	 if ($codetheme == $choixtheme) {
               print " selected";
             }
             print ">" . $theme ."</option>";
         }
         }
         ?>
        </select>
    </td>
      </tr>
      <tr>
        <td> <div align="right">mots clef : </div></td>
        <td><select name="selectmc" size="15" multiple class="txt16-000000" style="width:400px">
          <!-- Valeur vide pour forcer l'utilisateur à sélectionner  -->
          <?php
     
     
         // Execution requête
    	 $bd2 = new DBmySQL (NOM, PASSE, 'motscles', SERVEUR);
    	 if ($choixtheme !=0)
    	{
      	 $resultat2 = $bd2->execRequete ("SELECT fauxmotclef.fauxmotclef FROM motscles.fauxmotclef, motscles.motclefsoustheme WHERE motclefsoustheme.codefauxmotclef = fauxmotclef.codefauxmotclef AND motclefsoustheme.codesoustheme = ".$choixtheme." ORDER BY fauxmotclef");
       	}
    	 else
    	 {
    	 $resultat2 = $bd2->execRequete ("SELECT fauxmotclef FROM fauxmotclef ORDER BY fauxmotclef");
    	 }
     
       // Affectation des variables utilisées pour l'affichage
        if (mysql_num_rows($resultat2)!=0) 
    	{  // résultat non vide
            while ($res2=$bd2->objetsuivant($resultat2))  
    		{
            $fauxmotclef = $res2->fauxmotclef;
            echo "<option >"  . $fauxmotclef. "</option>";
         	}
         }
                ?>
        </select> 
          <input name="selection" type="button" id="selection" value=">>" onClick="Deplacer(this.form.selectmc,this.form.selectedmc)">
          <input name="deselection" type="button" id="deselection" value="<<" onClick="Deplacer(this.form.selectedmc,this.form.selectmc)">
          <select name="selectedmc" size="15" id="selectedmc" style="width:300px">
     
    	 <?php   
                    if ($mot1!= NULL)
                            {
                                    echo " <option>".$mot1."</option>";
                                    if ($mot2!= NULL)
                                    {
                                            echo " <option>".$mot2."</option>";
                                            if ($mot3!= NULL)
                                            {
                                                    echo " <option>".$mot3."</option>";
                                                    if ($mot4!= NULL)
                                                    {
                                                            echo " <option>".$mot4."</option>";
                                                            if ($mot5!= NULL)
                                                            {
                                                                    echo " <option>".$mot5."</option>";
                                                            }
                                                    }
                                            }
                                    }
                            }
              ?>
    	 </select>
     
     
          <input type="submit" name="Submit" value="Envoyer"></td></tr>
    </table>
    </form>

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Imprimer une selection après une recherche
    Par sumtech dans le forum IHM
    Réponses: 1
    Dernier message: 26/11/2014, 07h48
  2. Réponses: 1
    Dernier message: 22/08/2007, 13h56
  3. session perdue après rafraichissement ou suivant
    Par platonus2002 dans le forum Langage
    Réponses: 8
    Dernier message: 04/06/2007, 10h10
  4. remplacer a item dans un select par a autre
    Par koukoya dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 15/09/2006, 11h15
  5. select apres submit
    Par mereyj dans le forum Balisage (X)HTML et validation W3C
    Réponses: 14
    Dernier message: 10/09/2005, 15h50

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo