Lien dans une textarea

Version imprimable

10/05/2007, 11h21
jonnyboy

Lien dans une textarea

Bonjour a tous,
voila mon problème. J'ai deux textarea, l'une étant vide au début et l'autre contenant tous les users de ma base de données. Je voudrais que dès que je clic sur un des users, il s'ajoute dans la textarea a coté. Mais je ne parviens pas a le faire, et je ne sais pas si c'est possible.

Quelqu'un le sait il ??

PS : ma page est une jsp (java + html)
10/05/2007, 11h29
gk14fire

Il ne faut pas que tu utilises des TEXTAREA mais des SELECT.

Sur double clic d'un élément de la liste, tu définis une fonction Javascript qui bascule l'élément sélectionné dans la deuxième liste.
10/05/2007, 11h38
jonnyboy

Merci de ta reponse.
J'avais fais comme ca, mais voila le problème :
J'ai ma textarea qui contient tous mes users a gauche et l'autre a droite. Je dois pouvoir ajouter des users dans la textarea de droite en cliquant sur un element de la textarea de gauche et supprimer un user de la textarea de droite en cliquant dessus.

Je maintiens qu'il faut utiliser un SELECT et non un TEXTAREA.

Le code suivant devrait fonctionner et répondre à ton besoin :

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
32
33
34
<html>
<head>
<script language="JavaScript">
function deplacer(listeSrc, nomListeDst) {
	var listeDst = document.getElementById(nomListeDst);
 
	if (listeSrc.options.selectedIndex >= 0) {
		var o = new Option(listeSrc.options[listeSrc.options.selectedIndex].text, listeSrc.options[listeSrc.options.selectedIndex].value);
		listeDst.options[listeDst.options.length] = o;
		listeSrc.options[listeSrc.options.selectedIndex] = null;
	} else {
		alert("Aucun utilisateur sélectionné");
	}
}
</script>
</head>
 
<body>
<table>
	<tr>
		<td>
			<select name="liste1" id="liste1" size="5" onclick="deplacer(this, 'liste2');">
				<option value="1">Pierre</option>
				<option value="2">Paul</option>
				<option value="3">Jacques</option>	
			</select>
		</td>
		<td>
			<select name="liste2" id="liste2" size="5" onclick="deplacer(this, 'liste1');" />
		</td>
	</tr>
</table>
</body>
</html>

10/05/2007, 12h08
jonnyboy

Ok je vais essayer merci
10/05/2007, 12h23
jonnyboy

Merci bcp c'est exactement ce que je voulais !! :D

Je vais encore voir si j'arrive a récupéré le résultat mais ca doit etre bon. Merci !!
10/05/2007, 14h17
jonnyboy

Dernière petite question, je ne vois vraiment pas comment récupéré les valeurs qui se trouvent dans la liste. Ces 2 select se trouvent dans un formulaire qui, lors du clic sur le bouton valider, redirige vers une servlet qui recupere les parametre. Mais je ne vois pas comment faire pour recuperer ces valeurs :roll:

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
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

COTE PAGE


<html>
<head>
<script language="JavaScript">
function deplacer(listeSrc, nomListeDst) {
    var listeDst = document.getElementById(nomListeDst);
 
    if (listeSrc.options.selectedIndex >= 0) {
        var o = new Option(listeSrc.options[listeSrc.options.selectedIndex].text, listeSrc.options[listeSrc.options.selectedIndex].value);
        listeDst.options[listeDst.options.length] = o;
        listeSrc.options[listeSrc.options.selectedIndex] = null;
    } else {
        alert("Aucun utilisateur sélectionné");
    }
}

function selectAll()
{
    var v = document.forms[0].liste2;
    for (var i = 0; i < v.options.length; i++)
    {
        v.options[i].selected = true;
    }
    return true;
}
</script>
</head>
 
<body>
<form action="...???..." method="POST" onsubmit="selectAll()">
<table>
    <tr>
        <td>
            <select name="liste1" id="liste1" size="5" onclick="deplacer(this, 'liste2');">
                <option value="1">1- Pierre</option>
                <option value="2">2- Paul</option>
                <option value="3">3- Jacques</option>    
            </select>
        </td>
        <td>
            <select name="liste2" id="liste2" size="5" multiple onclick="deplacer(this, 'liste1');" />
        </td>
    </tr>
</table>
<input type="submit"/>
</form>
</body>
</html>

COTE SERVLET

String[] vSelectionnees = request.getParameterValues("liste2");
... etc

A+

10/05/2007, 15h06
jonnyboy

Merci bcp :D :D , je suis debutant et ca membrouille encore bcp tt ca :cry: