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

25/11/2011, 11h44	#3
renaud26 Membre confirmé Inscription : mars 2003 Messages : 1 043 Détails du profil Informations personnelles : Âge : 48 Localisation : France, Puy de Dôme (Auvergne) Informations forums : Inscription : mars 2003 Messages : 1 043 Points : 285 Points : 285	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 ???
	00

25/11/2011, 11h46	#4
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 071 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 071 Points : 45 201 Points : 45 201	a quel moment et sur lequel veux tu donner le focus ? __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

25/11/2011, 11h50	#5
renaud26 Membre confirmé Inscription : mars 2003 Messages : 1 043 Détails du profil Informations personnelles : Âge : 48 Localisation : France, Puy de Dôme (Auvergne) Informations forums : Inscription : mars 2003 Messages : 1 043 Points : 285 Points : 285	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".
	00

25/11/2011, 12h01	#7
renaud26 Membre confirmé Inscription : mars 2003 Messages : 1 043 Détails du profil Informations personnelles : Âge : 48 Localisation : France, Puy de Dôme (Auvergne) Informations forums : Inscription : mars 2003 Messages : 1 043 Points : 285 Points : 285	Hello Bovino, Ah ? Tu peux cliquer hors du textarea, perdre le focus, et y revenir comme tu veux ??? Zarbi, ça...
	00

25/11/2011, 12h03	#8
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 808 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 808 Points : 35 787 Points : 35 787	Ben... oui Tu testes avec quel navigateur ? __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	00

25/11/2011, 12h05	#9
renaud26 Membre confirmé Inscription : mars 2003 Messages : 1 043 Détails du profil Informations personnelles : Âge : 48 Localisation : France, Puy de Dôme (Auvergne) Informations forums : Inscription : mars 2003 Messages : 1 043 Points : 285 Points : 285	Avec FF ! Mais je viens de tester IE : idem. Si je perds le focus, je ne peux plus le reprendre...
	00

25/11/2011, 12h09	#10
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 808 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 808 Points : 35 787 Points : 35 787	Tu as testé avec mon code ? __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	00

25/11/2011, 12h14	#11
renaud26 Membre confirmé Inscription : mars 2003 Messages : 1 043 Détails du profil Informations personnelles : Âge : 48 Localisation : France, Puy de Dôme (Auvergne) Informations forums : Inscription : mars 2003 Messages : 1 043 Points : 285 Points : 285	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ù.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email