Discussion :

[grinder59]

Bonjour,

je suis en train de développer la fonctionnalité suivante :
1. J'ai un div vide.
2. Lorsque je clique sur le div, dans ce div apparaît un champ de saisie en autocomplete.
3. Lorsque je clique en dehors du div, le champs de saisie disparaît.

Mon problème est le suivant : Lorsque je clique sur un élément de ma liste autocomplete, mon script détecte que j'ai cliqué en dehors du div (car la liste fait 20 éléments et mon div est large comme l'input qu'il accueille) et ferme le champs de texte.

Comme faire pour éviter cela ?

merci de votre aide !

[danielhagnoul]

Ma boule de cristal est en panne, je n'arrive pas à voir vos codes CSS, HTML et JS.

Il faut mettre des conditions, mais la solution n'est pas toujours simple. Exemple : http://www.developpez.net/forums/d15...terieur-celui/

[grinder59]

Merci de ta réponse...
Je ne vais pas t'embêter avec mon code Nostradamus
La réponse que tu as faite dans le post donné en lien m'a bien aidé.

J'utilise la fonction parents() de l'élément cliqué pour vérifier si j'ai une classe ui-widget sur le parent, auquel cas, je ne ferme pas... je n'ai pas encore fait tous les tests, mais cela semble fonctionner !

Merci !

[grinder59]

Une autre solution qui semble fonctionner, pour ceux qui passeraient par là, est de paramétrer l'autocomplete de la façon suivante :

Code :

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

1
2
3
4
5
 
$('#'+new_input).autocomplete({
	source : availableTags,
	appendTo : '#'+div_id
})

Sans "appendTo", la liste de choix est rattachée body du document.
Avec appendTo, je la raccroche à mon div de base. Ainsi au moment de la fermeture, où que je clique (l'input ouvert, un élément de la liste de choix, bouton de validation...), si il s'agit d'un fils de mon div de base, je identifier le clic et maîtriser le comportement sous jacent (en l'occurence fermer ou non l'input de modification).