Discussion :

[jmtrivia]

Bonsoir,

J'ai trouvé un script qui permet de déplacer des items entre deux listes. Ce script fonctionne très bien. Là ou le bas blesse, c'est que je ne sais pas comment faire pour récupérer les données de 'ListRight' pour les exploiter dans un script PHP.

Je suis franchement une super Quiche en JS ...

Quelqu'un peut il me donner la solution ? Merci d'avance pour la bonne âme.
voici le code du Jscript en head

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
// Comparer les deux options dans une liste de valeurs
function compareOptionValues(a, b) 
	{ 
		// Radix 10: pour valeurs numeriques
		// Radix 36: pour valeurs alphanumeriques
		var sA = parseInt( a.value, 36 );  
		var sB = parseInt( b.value, 36 );  
		return sA - sB;
	}
// Comparer les deux options dans une liste en TEXTE
function compareOptionText(a, b) 
	{ 
		// Radix 10: pour valeurs numeriques
		// Radix 36: pour valeurs alphanumeriques
		var sA = parseInt( a.text, 36 );  
		var sB = parseInt( b.text, 36 );  
		return sA - sB;
	}
// Fonction Dual list move 
function moveDualList( srcList, destList, moveAll ) 
	{
	 // on fait rien si rien n'est selectionne
	if (  ( srcList.selectedIndex == -1 ) && ( moveAll == false )   )
		{
			return;
		 }
	newDestList = new Array( destList.options.length );
	var len = 0;
   for( len = 0; len < destList.options.length; len++ ) 
		{
			if ( destList.options[ len ] != null )
			{
				newDestList[ len ] = new Option( destList.options[ len ].text, destList.options[ len ].value, destList.options[ len ].defaultSelected, destList.options[ len ].selected );
			}
		}
	for( var i = 0; i < srcList.options.length; i++ ) 
		{ 
			if ( srcList.options[i] != null && ( srcList.options[i].selected == true || moveAll ) )
			 {
				// Declarations a effectuer si l'option est selectionnee
				// Incorporer nouvelle liste
				newDestList[ len ] = new Option( srcList.options[i].text, srcList.options[i].value, srcList.options[i].defaultSelected, srcList.options[i].selected );
				len++;
				}
		 }
// Trier la nouvelle liste de destination
newDestList.sort( compareOptionValues );   // BY VALUES
//newDestList.sort( compareOptionText );   // BY TEXT
// Populate the destination with the items from the new array
	for ( var j = 0; j < newDestList.length; j++ ) 
		{
			if ( newDestList[ j ] != null )
			{
				destList.options[ j ] = newDestList[ j ];
			}
		}
  // On efface de la liste source les elements selectionnes
  for( var i = srcList.options.length - 1; i >= 0; i-- ) 
  { 
    if ( srcList.options[i] != null && ( srcList.options[i].selected == true || moveAll ) )
    {
       // Erase Source
       //srcList.options[i].value = "";
       //srcList.options[i].text  = "";
       srcList.options[i]       = null;
    }
  }
}

et celui du body

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
<form action="/ppmebo_v0/Untitled-4.php" method="post" name="" id="">
<table>
	<tr>
	   <td colspan="3"><h3>.:: Les activit&eacute;s exerc&eacute;es ::. </h3></td>
	   </tr>
	<tr>
	   <td colspan="3">&nbsp;</td>
	   </tr>
	<tr>
		<td>
 					<?php 
                                        // On liste les valeurs de la table source
                                        // Connexion au serveur
                                        include("./php/connect.php");
                                        // Creation de la requete sql
                                        $sql="SELECT activite FROM activite";
                                        // Execution de la requete sql
                                        $result = mysql_query($sql) or die('Erreur SQL !<br />'.$sql.'<br />'.mysql_error());
                                        ?>
    					<select multiple size="10" name="listLeft">
					<?php
                                                WHILE($data=mysql_fetch_array($result))
                                                {
                                        ?>	
						<option><?php echo $data["activite"]; ?></option>
					<?
						}
					?>	
    					</select>		</td>
		<td>   
				<input  name="Add   &gt;&gt;" type="button" id="Add   &gt;&gt;" onclick="moveDualList( this.form.listLeft,  this.form.listRight, false )"  value="&gt;&gt;">
				<br /><br />
				<input type="button" onclick="moveDualList( this.form.listRight, this.form.listLeft,  false )"  name="Add     <<"  value="&lt;&lt;"> <br /><br /></td>
		<td><select name="listRight" size="10" >
				</select>		</td>
	</tr>
	<tr>
	   <td colspan="3">&nbsp;</td>
	   </tr>
	<tr>
	   <td colspan="3"><input name="Submit" type="submit" class="bouton" value="Etape suivante &gt;&gt;" />
	      <input name="id" type="hidden" id="id" value="<?php echo $id; ?>" /></td>
	   </tr>
</table>
</form>
</div>

OU A DEFAUT me proposer une autre solution sachant que le contenu de listleft est important en nombre de lignes ...

Merci

[jmtrivia]

Re - Bonsoir (excuses à MacM... pour le précédent post)

Si j'arrive à obtenir listRight[] au lieu listRight de je saurais traiter l'array derrière.

Merci de votre aide.

[jmtrivia]

http://javascript.internet.com/misce...dual-list.html

Une idée pour récupérer TOUTES LES VALEURS de listright ?
=> il faut obtenir un array donc : listright[] et après on sait traiter ...

Merci de votre aide