Lien dans une textarea

**jonnyboy** · 10/05/2007, 11h21

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)

**gk14fire** · 10/05/2007, 11h29

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.

**jonnyboy** · 10/05/2007, 11h38

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.

**gk14fire** · 10/05/2007, 11h48

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

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

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

**jonnyboy** · 10/05/2007, 12h08

Ok je vais essayer merci

**jonnyboy** · 10/05/2007, 12h23

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

Je vais encore voir si j'arrive a récupéré le résultat mais ca doit etre bon. Merci !!

**jonnyboy** · 10/05/2007, 14h17

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

**OButterlin** · 10/05/2007, 14h48

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

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+

**jonnyboy** · 10/05/2007, 15h06

Merci bcp

, je suis debutant et ca membrouille encore bcp tt ca

Lien dans une textarea

JavaScript

Discussions similaires

Partager

Partager