nomination du select

Version imprimable

08/08/2007, 17h39
kadel

nomination du select

slt à vs ts.
J'ai un petit probleme au niveau de la nomination de mon select.
car j veu envoyé des données d'une liste à une autre en faisant appel à une methode en javascript.mais cette methode recoi en parametre l nom du select dorigine ainsi que celui de destination.

la propriété name du select j lutise pr spécifié le formulaire duquelm mon select recoi ses données.

voici mon select.
<html:select name="lotForm" property="inselectedProduit" size="4" multiple="true">
08/08/2007, 18h03
mixouille

1 - Le langage SMS est banni de ce forum (ainsi que d'à peu près tous les forums informatiques d'ailleurs). Ca semble anodin, mais ton post est de ce fait 2 fois plus long à lire (ou plutôt à déchiffrer). Fais attention à l'avenir (je sais je joue au prof, mais c'est important, je ne compte pas le nombre de posts auxquels je n'ai pas répondus tout simplement parce qu'ils étaient incompréhensibles.)

2 - Prend l'habitude de préciser le comportement actuel de ton appli (pas de données ? exception ? trace ? tout ca aide les gens à t'aider)

3 - Désolé, mais au final je n'ai pas bien compris ton problème. Un peu plus de code, d'explications et une description de "koikispasse" aideraient.

A+
08/08/2007, 18h12
kadel

ok.merci pr votre interet.
voici ma fonction en javascript:

function selectUnselectMatchingOptions(obj,regex,which,only) {
if (window.RegExp) {
if (which == "select") {
var selected1=true;
var selected2=false;
}
else if (which == "unselect") {
var selected1=false;
var selected2=true;
}
else {
return;
}
var re = new RegExp(regex);
if (!hasOptions(obj)) { return; }
for (var i=0; i<obj.options.length; i++) {
if (re.test(obj.options[i].text)) {
obj.options[i].selected = selected1;
}
else {
if (only == true) {
obj.options[i].selected = selected2;
}
}
}
}
}

et voici mes 2 select:

<html:select name="lotForm" property="inselectedProduit" size="4" multiple="true">
<logic:iterate name="lotForm" property="listActivite_non_affecte" id="descriptionactivite">
<option value="<bean:write name="descriptionactivite" property="descriptionactivite"/>">
<bean:write name="descriptionactivite" property="descriptionactivite"/>
</option>
</logic:iterate>
</html:select>

<html:select name="lotForm" property="selectedProduit" size="4" multiple="true">
<logic:iterate name="lotForm" property="listActivite_affecte" id="descriptionactivite">
<option value="<bean:write name="descriptionactivite" property="descriptionactivite"/>">
<bean:write name="descriptionactivite" property="descriptionactivite"/>
</option>
</logic:iterate>
</html:select>

je veu maintenant lors du clique sur un boutton envoyé les lignes selectionnées au dexiéme liste,et voici le code de mon boutton:

Ajouter <input type="button" value=">" style="width:60px" onClick="moveSelectedOptions(select1,select2);">

com vs pouvé l constaté ma fonction a besoin de 2 arguments qui sont les noms des listes.pour la proprité name du liste elle utilisé pr spécifier le form.donc j sais pas quelle propriété permet daffecté le nom au liste(select).
et merci pr votre reponse.
09/08/2007, 09h14
mixouille

Mieux que de le mettre en bleu, met ton code entre balises CODE ;)

Pense à regarder le code HTML généré de ta page, tu auras la réponse à toutes les questions de ce genre. C'est l'attribut "property" qui fixe le "name" de ton champ. Attention, dans le cas d'un champ indexé (mais ce n'est pas ton cas), le name généré est un peu particulier ("truc[0].tonProperty" par exemple).

Personnellement je préfère utiliser les ID d'éléments pour ce genre de chose (attribut "styleId" de tes balises Struts), et récupérer les éléments par un document.getElementById(), mais là-dessus, chacun ses préférences.
09/08/2007, 17h20
kadel

J'ai essaye mais ca passe pas :cry:
09/08/2007, 17h33
willoi

Fais voir ce que tu as essaye (en utilisant la balise code : symbole # , t'enerve pas mixouille ;) ) !

Celle la cé ma fonction javascript:

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
function moveSelectedOptions(from,to) {
	// Unselect matching options, if required
	if (arguments.length>3) {
		var regex = arguments[3];
		if (regex != "") {
			unSelectMatchingOptions(from,regex);
			}
		}
	// Move them over
	if (!hasOptions(from)) { return; }
	for (var i=0; i<from.options.length; i++) {
		var o = from.options[i];
		if (o.selected) {
			if (!hasOptions(to)) { var index = 0; } else { var index=to.options.length; }
			to.options[index] = new Option( o.text, o.value, false, false);
			}
		}
	// Delete them from original
	for (var i=(from.options.length-1); i>=0; i--) {
		var o = from.options[i];
		if (o.selected) {
			from.options[i] = null;
			}
		}
	if ((arguments.length<3) || (arguments[2]==true)) {
		sortSelect(from);
		sortSelect(to);
		}
	from.selectedIndex = -1;
	to.selectedIndex = -1;
	}

et voici mes 2 select:

Code:

1
2
3
4
5
6
7
8
 
<html:select name="lotForm" property="inselectedProduit" size="4" multiple="true">
<logic:iterate name="lotForm" property="listActivite_non_affecte" id="descriptionactivite">
<option value="<bean:write name="descriptionactivite" property="descriptionactivite"/>">
<bean:write name="descriptionactivite" property="descriptionactivite"/>
</option>
</logic:iterate> 
</html:select>

et le dexiéme:

Code:

1
2
3
4
5
6
7
8
 
<html:select name="lotForm" property="selectedProduit" size="4" multiple="true">
<logic:iterate name="lotForm" property="listActivite_affecte" id="descriptionactivite">
<option value="<bean:write name="descriptionactivite" property="descriptionactivite"/>">
<bean:write name="descriptionactivite" property="descriptionactivite"/>
</option>
</logic:iterate> 
</html:select>

je veu lors du clique sur un boutton envoyé les lignes selectionnées au dexiéme liste,et voici le code de mon boutton:

Ajouter <input type="button" value=">" style="width:60px" onClick="moveSelectedOptions(select1,select2);">

com vs pouvé l constaté ma fonction a besoin de 2 arguments qui sont les noms des listes.pour la proprité name du liste elle utilisé pr spécifier le form.donc j sais pas quelle propriété permet daffecté le nom au liste(select).
et merci pr votre reponse.

l'erreur et dans les nominations "select1" et "select2".
et merci bcp pour tes conseils: willoi

09/08/2007, 18h00
willoi

Bon c'est pas tres complique, faut faire comme mixouille a dit en utilisant des ids.

tu ajoutes un styleId et un evenement onclick associe a tes selects :

Code:

<html:select name="lotForm" property="inselectedProduit" styleId="inselectedProduit" size="4" multiple="true">

et

Code:

<html:select name="lotForm" property="selectedProduit" styleId="selectedProduit" size="4" multiple="true">

essaye avec ca, mais la je dois y'aller, si tut t'en sors pas je finis demain par te donner la solution ;)
09/08/2007, 18h07
kadel

deja essaye avant mais ca fonctionne pas:cry:
09/08/2007, 18h12
kadel

pour le onclick ca viens apré si j peu resoudre ce probleme j croi pa qu'il yaurai un prob ds l click sur la liiste.
10/08/2007, 09h27
willoi
Non, ca devrait marcher.
Tu as du faire une erreur quelque part.

Pour appeler ta fonction javascript, tu peux faire :
Code:

1 2 3 4 5 function listChange(){ list1=document.getElementById('inselectedProduit').value; list2=document.getElementById('selectedProduit').value; moveSelectedOptions(list1,list2); }
et dans ton select :

Code:

<html:select name="lotForm" property="inselectedProduit" styleId="inselectedProduit" size="4" multiple="true" onclick="listChange()">

Essaye avec ca, sinon j'avais realise ce que tu veux faire deja dans une de mes premieres applis. Si ca marche, je te passerais le code.

P.S.: Quand tu di ca ne marche pas, precise quelle erreur tu obtiens et quel est son message.
Pour voir les erreurs en js, je te conseille Firefox avec son extension Firebug.
Bon courage ;)
10/08/2007, 11h17
kadel
Bjr, j'ai essayé cette solution mais il me donne la même erreur:"Objet attendu".
J'ai fait même chose que tu m'avais dis, j'ai ajouté une fonction listChange() de plus j'ai ajouté une alert() au debut de ma fonction listChange() mais le message d'alert() ne s'affiche pas, donc je crois qu'il y'a une erreur lore de l'appel de la fonction Javascript puis qu'il ne peut pas y entrer.
Voici le code de listChange():
Code:

1 2 3 4 5 6 7 function listChange(){ alert('phase1'); list1=document.getElementById('inselectedProduit').value; list2=document.getElementById('selectedProduit').value; moveSelectedOptions(list1,list2); }
et voici son appel:
Code:

1 2 Ajouter <input type="button" value=">" style="width:60px" onClick="Javascript:listChange();">
10/08/2007, 11h46
kadel

Je crois que j'ai pu localiser mon probleme, c'est au niveau de l'appel de mon fonction, voila ce que je fais maintenant:

fonction javascript:

Code:

function test(){alert('testreussi');}

son appel:

Code:

Ajouter <input type="button" value=">" style="width:60px" onClick="test()">

l'erreur:
"Objet attendu"

lorsque je fais:

Code:

Ajouter <input type="button" value=">" style="width:60px" onClick="alert('test reussi')">

ça marche!!!!!!!!!!!!!!
10/08/2007, 12h00
willoi

Fais voir le code complet de ta page!
Parce que la ca me parait pas evident de comprendre ce qui se passe en ne voyant que des morceaux.
10/08/2007, 12h25
kadel
Probleme réglé,j'avais une erreur au niveau de mon code javascript,une accolade de plus c'est tout.
maintenant mon probleme c'est au niveau de la recupertion des variables list1 et list2,
je fais ceci:
Code:

1 2 3 4 5 6 function listChange(){ list1=document.getElementById('inselectedProduit').value; list2=document.getElementById('selectedProduit').value; alert(list1); alert(list2);
mais je recois un message d'alerte vide.
10/08/2007, 12h52
willoi
Oui c'est normal je m'etais trompe, il ne faut pas utiliser l'attribut value pour les selects
Apres correction ca donne :
Code:

1 2 3 4 5 function listChange(){ list1=document.getElementById('inselectedProduit'); list2=document.getElementById('selectedProduit'); moveSelectedOptions(list1,list2); }
ensuite il faut regarder si les options sont selectionnees ou pas comme tu l'as fait dans ta fonction.
10/08/2007, 12h58
kadel
Salut ,je suis de retour,maintenant ca marche j'ai reglé aussi ce probleme.
mais je veux savoir comment recuperer les noms de mes list, car pour ma fonction en javascript elle recoit les noms des list,
j'ai essyé ceci mais ca marche pas:
Code:

1 2 3 4 list1=document.getElementById('inselectedProduit').name; list2=document.selectedProduit('selectedProduit').name; moveSelectedOptions(list1,list2);
et j'ai essayé aussi ceci:
Code:

1 2 3 4 list1=document.getElementById('inselectedProduit'); list2=document.selectedProduit('selectedProduit'); moveSelectedOptions(list1,list2);
10/08/2007, 12h59
kadel

j'ai déja essyé ce que tu viens de me dire mais je peux pas recupérer les noms de mes list.
10/08/2007, 13h39
willoi
En fait tu n'as pas besoin du nom de tes listes.

Ceci est suffisant :
Code:

1 2 3 4 list1=document.getElementById('inselectedProduit'); list2=document.selectedProduit('selectedProduit'); moveSelectedOptions(list1,list2);
ce que tu passe c'est l'objet a la fonction pas son nom.
10/08/2007, 13h45
kadel

supposant que ceci marche bien et que j'ai mes données qui transitent d'une liste à une autre,maintenant je veux savoir comment récuperer mes données contenant dans la liste selected?
13/08/2007, 16h28
kadel

Slt willoi,
Je me demande si tu peux me donner le code que t'as réalisé en Javascript pour l'envoi des données d'une liste à une autre,car j'ai constaté qu'il contient des erreurs.et merci infeniment pour les solutions que tu m'avez proposé.