TEXTAREA comportement différent

**daronmaster** · 22/01/2009, 09h47

Bonjour,

voici un bout de code html et JavaScript qui me permet lors d'une sélection dans un TEXTAREA d'afficher la sélection. Cependant dans mon exemple, cela ne marche que si la balise TEXTAREA est dans une balise P. Et meme pire après une selection dans le premier TEXTAREA, le resultat est erroné correspondant à la sélection du second s'il y en avait eu une auparavant. Pourriez vous me dire où est le problème ????

merci

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
 
<html>
    <head>
    </head>
 
    <body>
 
<textarea cols="50">
1111111 blablabli sdnsdlqskdqlskd fdjfjf fd d d ddpddlmd 
djnsdlkcnds dcdcsdcsdc  csdcsdcsùdcsùù   csdc sdcs
 
</textarea><br/><br/>
 
<p>
<textarea cols="50">
22222222 blablabli sdnsdlqskdqlskd fdjfjf fd d d ddpddlmd 
djnsdlkcnds dcdcsdcsdc  csdcsdcsùdcsùù   csdc sdcs
 
</textarea>
<br/><br/><br/><br/><br/>
</p>
 
<script language="JavaScript" type="text/JavaScript">
 
window.onload = function(){
 
	var el = document.getElementsByTagName('textarea');
 
	for(var i=0; i < el.length ; i++){
 
		var elt = el[i];
 
		elt.onmouseup = function(){
 
					window.alert(elt.value.substring(elt.selectionStart, elt.selectionEnd));
				}
 
	}
}
</script>
</body>
</html>

NB: je suis sous firefox

**SpaceFrog** · 22/01/2009, 09h52

un petit coup d'œil là dessus

http://www.webreference.com/js/colum...ssbrowser.html

sinon j'ai trouvé ça mais pas testé :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
function getSel(){
var w=window,d=document,gS='getSelection';
return (''+(w[gS]?w[gS]():d[gS]?d[gS]():d.selection.createRange().text)).replace(/(^\s+|\s+$)/g,'');
}

**daronmaster** · 22/01/2009, 10h19

Bonjour,

j'ai regardé ce que tu viens de me donner comme information et le problème c'est que ces différents code ne marche pas par une balise TEXTAREA. Pour touttexte contenu dans une balise autre que TEXTAREA ça marche et tant mieux pour celles-ci mais cela ne correspond pas à ma recherche.

La sélection étant faite dans un textarea ...., la seule solution que j'ai trouvé est celle avec "selctionStart" et "selectionEnd", et le problème c'est que ça ne marche que si le TEXTAREA est dans une balise P et je cherche à savoir pourquoi.

Merci

**EIN-LESER** · 22/01/2009, 10h24

Je me plante peut être mais pourquoi tu fais sa avec window.onload ?

il serait pas plus simple de le faire comme sa: ?

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
 
<html>
    <head>
<script language="JavaScript" type="text/JavaScript">
 
Ta_function(){
 
	var el = document.getElementsByTagName('textarea');
 
	for(var i=0; i < el.length ; i++){
 
		var elt = el[i];
 
		elt.onmouseup = function(){
 
					window.alert(elt.value.substring(elt.selectionStart, elt.selectionEnd));
				}
 
	}
}
</script>
    </head>
 
    <body>
 
<textarea cols="50" onMouseUp="javascript:Ta_function();">
1111111 blablabli sdnsdlqskdqlskd fdjfjf fd d d ddpddlmd 
djnsdlkcnds dcdcsdcsdc  csdcsdcsùdcsùù   csdc sdcs
 
</textarea><br/><br/>
 
<p>
<textarea cols="50" onMouseUp="javascript:Ta_function();">
22222222 blablabli sdnsdlqskdqlskd fdjfjf fd d d ddpddlmd 
djnsdlkcnds dcdcsdcsdc  csdcsdcsùdcsùù   csdc sdcs
 
</textarea>
<br/><br/><br/><br/><br/>
</p>
 
 
</body>
</html>

Je me plante peut être sérieusement car je l'ai pas testé mais je pense que j'aurais essayé comme sa

**daronmaster** · 22/01/2009, 10h27

bonne idée mais ne marche pas

et en relisant le code me parrait incohérent

non ???

tu reparcours tout les textarea et change leur attribut onmouseup ....

mais j'ai testé comme ça :

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
 
 
<html>
    <head>
<script language="JavaScript" type="text/JavaScript">
 
Ta_function(){
 
 
 
	window.alert(elt.value.substring(elt.selectionStart, elt.selectionEnd));
 
}
</script>
    </head>
 
    <body>
 
<textarea cols="50" onmouseup="javascript:Ta_function();">
1111111 blablabli sdnsdlqskdqlskd fdjfjf fd d d ddpddlmd 
djnsdlkcnds dcdcsdcsdc  csdcsdcsùdcsùù   csdc sdcs
 
</textarea><br/><br/>
 
<p>
<textarea cols="50" onmouseup="javascript:Ta_function();">
22222222 blablabli sdnsdlqskdqlskd fdjfjf fd d d ddpddlmd 
djnsdlkcnds dcdcsdcsdc  csdcsdcsùdcsùù   csdc sdcs
 
</textarea>
<br/><br/><br/><br/><br/>
</p>
 
 
</body>
</html>

et ça ne marche pas du tout

**EIN-LESER** · 22/01/2009, 10h33

Comme dit je l'ai pas testé mais il me paraissais plus logique d'appeler ta fonction a partir du textfield concerné.

C'est tout

**daronmaster** · 22/01/2009, 10h33

j'ai changé le onmouseup en onselect pour ne pas réagir dès qu'un clic est effectué dans le textarea pour avoir plus de cohérence mais ça ne marche toujours pas ...

je ne sais plus quoi faire ...

j'implore votre aide à vous programmeur fou