Ajout d'un textarea : pas de focus !

Version imprimable

Bonjour à tous,

Dans un formulaire, je souhaite ajouter un ou plusieurs textarea dynamiquement. Voici mon code :
Code:

1 2 3 4 5 6 7 8 var AreaContent = document.createElement('textarea'); $AreaContent = jQuery(AreaContent); $AreaContent.attr("name", "content[]"); $AreaContent.attr("id", "content_"+idb+""); $AreaContent.attr("style", "width:240px;height:180px"); $("#un_div").append($AreaContent);
Le textarea s'affiche bien, pas de problème...
Sauf que on ne peut pas prendre le focus...et donc on peut pas écrire dedans... :aie:

Si je fais :
Code:

1 2 $AreaContent.focus();
Ca fonctionne et j'ai le focus au départ. Je peux donc écrire. Mais si je le perds en cliquant ailleurs, hop ! perdu !

Si quelqu’un a une idée...
Merci à lui.

Code:

1
2
3
4
 
$AreaContent = $('<textarea>').attr("name", "content[]").attr("id", "content_"+idb).css({'width':'240px','height':'180px'});
 $("#un_div").append($AreaContent);
$('#content_'+idb).focus();

25/11/2011, 11h44
renaud26

Bonjour SpaceFrog, merci, une fois de plus...

Mais petit souci : le textarea prend bien le focus, mais si je veux en ajouter plusieurs...je ne peux pas écrire dans le 1er, le quitter, écrire dans le 2ème...et revenir au 1er. Focus perdu.

Il faut que je redonne le focus avec un onclick dans les attr ???
25/11/2011, 11h46
SpaceFrog

a quel moment et sur lequel veux tu donner le focus ?
25/11/2011, 11h50
renaud26

J'ai une suite de divs avec des boutons "ajouter zone texte". En cliquant le bouton, on insère un nouveau textarea. Avec ton code, il a le focus d'emblée.
Mais je peux de la même façon, ajouter 4 ou 5 textareas.
Ensuite je voudrais pouvoir passer de l'un à l'autre comme si c'était des textareas "en dur".

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html>
<head>
	<script src="http://code.jquery.com/jquery-latest.js"></script>
	<script>
	$(function(){
		var nb = 0;
		$('#ajout').click(function(){
			$('<textarea>', {'name': 'content[]', 'id': 'content_'+(nb++), 'css': {'width':'240px','height':'180px'}}).appendTo('#un_div');
		});
	});
	</script>
</head>
<body>
	<div id="un_div"></div>
	<button id="ajout">Ajouter un textarea</button>
</body>
</html>

Je ne constate pas ce problème :koi:

25/11/2011, 12h01
renaud26

Hello Bovino,

Ah ? Tu peux cliquer hors du textarea, perdre le focus, et y revenir comme tu veux ???
Zarbi, ça...
25/11/2011, 12h03
Bovino

Ben... oui :mrgreen:
Tu testes avec quel navigateur ?
25/11/2011, 12h05
renaud26

Avec FF ! Mais je viens de tester IE : idem. Si je perds le focus, je ne peux plus le reprendre...
25/11/2011, 12h09
Bovino

Tu as testé avec mon code ? :?
25/11/2011, 12h14
renaud26

Oui, avec ton code, c'est idem ce que j'avais fait avant : je ne peux carrément pas prendre le focus du tout.
:?

EDIT : je l'ai testé tel quel dans une nouvelle page, et en effet c'est nickel.
C'est donc ailleurs dans mon code que j'ai un lézard. Mais je ne vois pas où.