onblur onclick javascript

Bonjour,
J'ai un script qui crée un Div constitué de plusieur div.Chaque div contient un evenement onclick .Le div est constitué a partir des élément saisi dans une imput (recherche autocompletion).
Quand je clic sur un div (sous format de option d un select) l'input est rempli par cette donnée et le grand div se cache .
Objectif : intégrer le onblur, c'esta dire quand je clic dehors le div se disparu sans rien alimenter.
Ce qui se passe : quand je clic sur un div, l evenement onlur de l imput est exécuter en premier (l evenement onclick n est plus éxécuté car le onblur a caché tout le grand div).
Si vous avez une idée comment faire pour controler cette évenement, ou faire la différence entre le faire que c'est un clic sur un div (pour ne pas executer le onblur) et pas un pas un clic dehors pour sortir.

Merci d'avance

si je comprend bien ton arborescence :

---- div principale ----
-------div-----------
-------div-----------
-------div-----------
----div principale ----

au moment du click sur une des divs de la div principale , remonte jusqu'a trouver le parent , si le parent est la div principale , ne masque pas tout de suite :)
s'il s'agit d'une autre div , du document ... tu masques ;)

Merci de votre réponse , j'ai pas penser a mettre un shéma .Alors voila ce que j'ai :

---imput--- Evenements : onblur() ; caché la Div
onfocus , onkeyup : affiché la Div
---Div-----
------div Evenement : onclick() ; remplir imput, et caché Div
------div Evenement : onclick()
------div Evenement : onclick()
------div Evenement : onclick()

le soucci c'est qu on clic sur div le onblur s'execute et cache la Div et le onclick ne s'éxécute pas .
je souhaite que : qu'on je clic dehors, il dois éxécuter le onblur ,ça c'est bien
Et quand je clic sur div il lance le onclick sans passer par le onblur de l input .

il faut pour cela détecter quel élément a été clické dans la méthode de fermeture , via event :

Code:

---

1 2	if (e.target) targ = e.target; else if (e.srcElement) targ = e.srcElement;

---

e represente l'évènement , passé en paramètre automatiquement :

Code:

---

div.onclick = function (e) ....

---

et a partir de la , tu récupère donc l'élément cliqué , et tu peux , appeler la méthode de remplissage a l'intérieur de ta méthode de fermeture :)

Oui c'est bien ça, j'ai essayé ça meme si je métraise pas l objet event. Mais le problème est que lorsque je clic sur le div , l'évenement onblur de l imput est déclencher (car l input perd le focus). Donc le meme évenement (onblur de input) est déclencher lorsque je clic n impote ou sur la fenetre ou bien sur une de mes div , pour lui c'est un onblur et ça lui enpeche de lancer le onclick de ma div. Voila mon onblur de l 'input :

Code:

---

1 2 3 4 5 6

var event = event || window.event; if(event.type=='text'){ divDest = document.getElementById('menuRightHidden'); divDest.style.visibility = 'hidden'; }

---

Mon onclick sur la div :

Code:

---

1 2 3 4 5 6

currentDiv.onclick = function(event) { inside.value = this.indice; divDest.style.visibility = 'hidden'; }

---

Merci de votre réponse

Je reformule le probleme :
Comment je peux tester sur ma méthode onblur que y'aura un autre event apres qui es le onclick .
Si j arrive a savoir que y as un onclik qui va suivre le onblur je vaie pas caché ma Div.
onblur de imput

Code:

---

1 2 3 4 5 6 7

function hideList(event){ var event = window.event; if(event.type=='blur'){ divDest = document.getElementById('menuRightHidden'); divDest.style.visibility = 'hidden'; }

---

2 eme reformulation, je vaie essayé de dire les choses simplement :

Au niveau de ma méthode onblur() , est ce que je peux controler que le prochaine evenement qui sera exécuté est le onclick de ma div et si j'arrive a savoir , je vaie pas caché ma Div.

Dans mon cas, quand je clic sur un div , il lance d abord le onblur car l input a perdu le focus et apres il lance le onclik(si je cache le Div dans onblur , y aura plus de onclick)

Donc la question est ce qu on peux boucler sur l ensemble des window.event pour traiter toutes les event en cours.

Qlq un a une idée ?
Merci d'avance

beaucoup plus simplement :)

- plutôt que de chercher a travailler sur ton évènement onblur , pourquoi ne pas chercher quel objet a déclencher cet évènement ?

- lorsque tu click n'importe ou , le onblur se déclenche exemple :

Code:

---

moninput.onblur = mafunction(event)...

---

a partir de la !! tu a ton event DONC tu as l'objet qui a déclenché le blur , il ne te reste plus qu'a vérifier si l'objet est une div tu appel dabord la méthode de remplissage , sinon tu détruit ... :)

va voir dans les contributions , il y a un calendrier basé exactement sur le même principe ;)

:yaisse2:D'abord merci de votre aide.
Enfin le probleme c'est que le meme objet qui génére dans les 2cas le onblur(c est l input puisque il perd le focus).
alors j'ai regardé sur les calendriers , et j'ai ajouter la fonction :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

document.onclick = function hideList () {   if (!bShow) { divDest = document.getElementById('menuRightHidden'); divDest.style.visibility = 'hidden'; } bShow = false;       }

---

et dans le onblur :

Code:

---

1 2 3 4 5 6

function hideList2(event) { bShow = false;   }

---

et dans la fonction de recherche je mis la variable a true
bShow=true;
Et ça marche .:yaisse2:

;-) comme quoi ^^
bon courage pour la suite :)