Ajout d'un textarea : pas de focus !

**renaud26** · 25/11/2011, 11h18

Bonjour à tous,

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

Code :

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

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

Si je fais :

Code :

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

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.

**SpaceFrog** · 25/11/2011, 11h31

Code :

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

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();

**renaud26** · 25/11/2011, 11h44

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

**SpaceFrog** · 25/11/2011, 11h46

a quel moment et sur lequel veux tu donner le focus ?

**renaud26** · 25/11/2011, 11h50

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

**Bovino** · 25/11/2011, 11h56

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

**renaud26** · 25/11/2011, 12h01

Hello Bovino,

Ah ? Tu peux cliquer hors du textarea, perdre le focus, et y revenir comme tu veux ???
Zarbi, ça...

**Bovino** · 25/11/2011, 12h03

Ben... oui

Tu testes avec quel navigateur ?

**renaud26** · 25/11/2011, 12h05

Avec FF ! Mais je viens de tester IE : idem. Si je perds le focus, je ne peux plus le reprendre...

**Bovino** · 25/11/2011, 12h09

Tu as testé avec mon code ?

**renaud26** · 25/11/2011, 12h14

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

Ajout d'un textarea : pas de focus !

jQuery

Discussions similaires

Partager

Partager