[DOM] [debutant] comment détecter un click sur un div

bonjour,


(je souhaites passer par un script en utilisant l'objet window)
je souhaites détecter un évènement sur un div: chargement code, click , focus sur celui ci :

Code:

---

1 2 3

window.onclick = function () { alert('ici pour tout click sur le document je suis détecter'); };

---

:ccool::ccool::ccool:

et moi je cherche à faire un truc du genre :

Code:

---

1 2 3

document.getElementById('conteneur').click = function () { alert('si un click detecter sur l element nommé conteneur alors ok'); };

---

:calim2::calim2::calim2:

si quelqu'un a une idée merci8O

Pas sûr d'avoir tout compris... mais au cas où :

Code:

---

1 2 3

document.getElementById('conteneur').onclick = function () { alert('si un click detecter sur l element nommé conteneur alors ok'); }

---

qu'est ce que tu comprends pas dans la question ?

Citation:

---

(je souhaites passer par un script en utilisant l'objet window)

---

Ca ;)
Si tu veux passer par l'objet window (:koi:), tu ne pourras pas détecter les événements pour un div...

je vais essayer de t'expliquer mieux mon problème voila j'utilise Epoch (script javascript pour l'affichage de la date)

je dois donc déclarer ces lignes pour que cela fonctionne dans le head

Code:

---

1 2 3 4

<!--Epochs styles--> <script type="text/javascript" src="../script/javascript/epoch_classes.js"></script> <!--Epochs calendrier--> <script type="text/javascript" src="../script/javascript/mesCalendriers.js"></script>

---

le contendu de mon fichier mesCalendriers.js est le suivant :

Code:

---

1 2 3 4 5 6 7 8 9 10

try{ window.onload = function (){ bas_cal = new Epoch('epoch_basic','flat',document.getElementById('basic_container')); dp_cal = new Epoch('epoch_popup','popup',document.getElementById('popup_container')); ms_cal = new Epoch('epoch_multi','flat',document.getElementById('multi_container'),true);*/ };   }catch(e){ alert('impossible1'); }

---

et dans mon body j'ai ceci :

Code:

---

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

<div id="conteneur"> <h2>Basic</h2> <div id="basic_container"></div> <h2>Popup</h2> <form id="placeholder" method="get" action="#"> <input id="popup_container" type="text" /> </form> <h2>Multiselect</h2> <div id="multi_container"></div> </div>

---

l'exemple du dessus fonctionne

mais mon probleme c'est quand je change le contenu dans le div conteneur, ce que j'ai déclaré dans mon fichier mesCalendriers.js ne fontionne plus. J'ai alors remplacé window.onload=function() par window.click=function() mais ce n'est pas la bonne formule.

Je veux arriver a détecter un changement du DOM à l'intérieur de la balise conteneur.

Vois tu plus clair ? ou veux tu plus d'explications ?

Citation:

---

Envoyé par junior68

mais mon probleme c'est quand je change le contenu dans le div conteneur, ce que j'ai déclaré dans mon fichier mesCalendriers.js ne fontionne plus. J'ai alors remplacé window.onload=function() par window.click=function() mais ce n'est pas la bonne formule.

---

le problème ne vient pas du onload ou du onclick mais du contenu du div. Ton script est le suivant :

Code:

---

1 2 3

bas_cal = new Epoch('epoch_basic','flat',document.getElementById('basic_container')); dp_cal = new Epoch('epoch_popup','popup',document.getElementById('popup_container')); ms_cal = new Epoch('epoch_multi','flat',document.getElementById('multi_container'),true);

---

A partir du moment où ton conteneur (plus précisément : ta page) n'a plus les éléments basic_container, popup_container et multi_container, ton script plante.

salut,

non désolé mon script ne plante pour la raison que tu as invoqué.

car lors de la prochaine injection dans mon conteneur (plus précisément : ma page) les éléments basic_container, popup_container et multi_container y sont toujours.

je pense : en fait il y a un new qui crée l'instance de l'objet new Epoch(...) et quand tu charge un autre contenu dans le div appellé conteneur ça doit cassé la référence.

C'est pour ça je cherche un moyen de detection (évènement) qui peut me détecter le changement du contenu de mon div.:ccool:

8O
Tu ne peux pas mettre de balise <html>, <head> et <body> dans le body de la page :koi:

justement je dois utiliser un iframe à la place du div , j'ai ouvert un nouveau post pour ça.:ccool: