Retour a la ligne dans un textarea quand le mot est trop long

Bonjourrrrrr :D :D

alors, mon problème (ui encore un, faut croire que je les cherche lol) est que j'ai un textarea, avec un nombre défini de cols et rows mais c'est pas trop le probleme, parce que bien qu'il y ai cols ou rows dans les propriétés du textarea, quand on fait un mot trop long (genre les floodeurs qui laissent le doigt appuyé sur une touche super longtps) il dépasse quand meme de la zone du textarea...

Pour cela, je me demandais si quelqu'un avait deja utilisé un script similaire...

Merci

regadre du coté des propriétés css text-wrap ...

plus préciément wrap= soft / hard / physical / virtual / off

c'est bien connu, ca marche pas sous firefox...

même pour virtual et physical ? ce n'est pas ce que j'ai pu lire sur le net ...

j'ai repris cette exemple et j'ai laissé le doigt appuyé sur une touche, ca dépasse (que sous FF)

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
<HTML>
<head><Title>Example For wrap</Title></head>
<BODY>
<textarea wrap="soft" rows="4">
Text Text Text Text Text Text Text Text Text Text Text Text Text 
Text Text Text Text Text Text Text Text Text Text Text Text Text Text 
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text </textarea>
<textarea wrap="off" rows="4">
Text Text Text Text Text Text Text Text Text Text Text Text Text 
Text Text Text Text Text Text Text Text Text Text Text Text Text Text 
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text </textarea>
<textarea wrap="hard" rows="4" cols="" style="width:200px;overflow: scroll;" />
Text Text Text Text Text Text Text Text Text Text Text Text Text 
Text Text Text Text Text Text Text Text Text Text Text Text Text Text 
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text </textarea>
<textarea wrap="virtual" rows="4" cols="" style="width:200px;overflow: scroll;" />
Text Text Text Text Text Text Text Text Text Text Text Text Text 
Text Text Text Text Text Text Text Text Text Text Text Text Text Text 
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text </textarea>
<textarea wrap="physical" rows="4" cols="" style="width:200px;overflow: scroll;" />
Text Text Text Text Text Text Text Text Text Text Text Text Text 
Text Text Text Text Text Text Text Text Text Text Text Text Text Text 
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text </textarea>
<textarea wrap="hard" rows="4" cols="" style="width:200px;" />
Text Text Text Text Text Text Text Text Text Text Text Text Text 
Text Text Text Text Text Text Text Text Text Text Text Text Text Text 
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text </textarea>
<textarea wrap="virtual" rows="4" cols="" style="width:200px;" />
Text Text Text Text Text Text Text Text Text Text Text Text Text 
Text Text Text Text Text Text Text Text Text Text Text Text Text Text 
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text </textarea>
<textarea wrap="physical" rows="4" cols="" style="width:200px" />
Text Text Text Text Text Text Text Text Text Text Text Text Text 
Text Text Text Text Text Text Text Text Text Text Text Text Text Text 
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text </textarea>
 
</BODY>
</HTML>

il ne te reste plus qu'a faire un faux textarea avec un div et lui associer un textarea hidden ..