Bonjour,
j'ai un problème avec mon script jQuery.
Dans ma page html, j'ai plusieurs textareas. Je veux que lorsqu'on appui sur la touche "entrer" dans une de ces zones de texte :
- une nouvelle zone de texte est ajoutée sous celle qui a le focus
- la nouvelle zone de texte prend le focus tandis que l'ancienne la perd (j'inclus dans le terme "focus" également le style css qui va avec)
- la zone de texte qui avait précédemment le focus le perd

Seulement, une zone de texte ajoutée suite à un appui sur la touche "entrer" ne perd pas le focus quand je clique sur une autre. On dirait que les zones de texte créées ne sont pas sélectionnables avec un sélecteur. Comment faire pour qu'elles le soient ?

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
 
<script>
			$(function() {
				var $textarea = $('textarea');				
 
				function donneFocus(cible){
					//enleve le focus des textareas
					$textarea.css('border-left','none');
					//donne le focus a la textarea cible
					$(cible).css('border-left','8px solid #64ca5e').focus();
				}				
 
				// Evenements souris et clavier
				$textarea.focusin(function(){
					donneFocus($(this));
				});
				$textarea.keydown(function(event){
					var keycode = (event.keyCode ? event.keyCode : event.which);
					if(keycode == '13'){//13 = touche entrer
						event.preventDefault();//annule le retour à la ligne de l'appui sur 'enter'
						var new_textarea = $('<textarea class="paragraphe">new apres para</textarea>');
						$(this).after(new_textarea);
						donneFocus(new_textarea);
						$textarea.autosize({append: "\n"});
					}
				});
			});
		</script>
Merci d'avance