aide traduction code javascript

Bonjour,

Je cherche a analyser ce code js pour pouvoir le modifier...
Voici le code:

Code:

---

1 2 3 4 5 6 7 8 9 10 11

var par = window.parent.document; var images = par.getElementById('Visualisateur_image'); var imgdiv = images.getElementsByTagName('div')[<?=(int)$_POST['imgnum']?>]; var image = imgdiv.getElementsByTagName('img')[0]; imgdiv.removeChild(image); var image_new = par.createElement('img'); image_new.src = 'resize_image.php?pic=<?=$nom_image?>'; image_new.className = 'loaded'; image_new.title = '<?echo $nom_image;?>'; imgdiv.appendChild(image_new);

---

Je sais que ce code crée ceci:

Code:

---

1 2	<div><img src="resize_image.php?pic=nomimage.jpg" title="nomimage.jpg" class=loaded></div>

---

En fait je veux ajouter un evenement sur le ondblclick du div qui contient l'image. Un peu à la manière de image_new.attribut=...

Comment faire pour que le code crée soit comme ca:

Code:

---

1 2	<div ondblclick="insertimage();"><img src="resize_image.php?pic=nomimage.jpg" title="nomimage.jpg" class=loaded></div>

---

??
Merci d'avance

Citation:

---

Envoyé par calitom

var par = window.parent.document;
var images = par.getElementById('Visualisateur_image');
var imgdiv = images.getElementsByTagName('div')[<?=(int)$_POST['imgnum']?>];
var image = imgdiv.getElementsByTagName('img')[0];
imgdiv.removeChild(image);
var image_new = par.createElement('img');
image_new.src = 'resize_image.php?pic=<?=$nom_image?>';
image_new.className = 'loaded';
image_new.title = '<?echo $nom_image;?>';
imgdiv.appendChild(image_new);
imgdiv.ondblclick="????";

---

Commence par essayer comme ça...

Je me suis dis que j'allais d'abord tester cet evenement sur l'image en faisant comme ceci:

Code:

---

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

<script> var par = window.parent.document; var images = par.getElementById('Visualisateur_image'); var imgdiv = images.getElementsByTagName('div')[<?=(int)$_POST['imgnum']?>]; var image = imgdiv.getElementsByTagName('img')[0]; imgdiv.removeChild(image); var image_new = par.createElement('img'); image_new.src = 'resize_image.php?pic=<?=$nom_image?>&num=<?=$id_utilisateur?>'; image_new.className = 'loaded'; image_new.ondblclick='alert("test");'; image_new.title = '<? echo $nom_image; ?>'; imgdiv.appendChild(image_new); </script>

---

Mais quand je double clique sur l'image rien ne se passe...
Pourquoi puis je modifer la balise src, ou title, mais je ne peux pas ajouter d'evenement?

essaye d'ajouter cette ligne là :

Code:

---

1 2 3

var image = imgdiv.getElementsByTagName('img')[0]; image.ondblclik=function(){alert('coucou')}; imgdiv.removeChild(image);

---

Code:

---

image_new.ondblclick = function(){alert('truc');};

---

arf c'est Denis qui a raison :

Code:

---

imgdiv.ondblclik=function(){alert('coucou')};

---

Ok alors le alert marche...
Maintenant je veux executer une fonction:

Code:

---

1 2	imgdiv.ondblclick=function(){insertion_image(par.getElementById("id_div_focus_image").value,<? $fichier?>,<? $id_utilisateur?>);};

---

Mais ca ne marche pas...
Ceci marche:

Code:

---

1 2	imgdiv.ondblclick=function(){alert(par.getElementById("id_div_focus_image").value);};

---

J'arrive a afficher toutes les infos a transmettre:

Code:

---

1 2 3 4

var fichier_image='<? echo $nom_image; ?>'; var id_membre='<? echo $id_utilisateur; ?>'; imgdiv.ondblclick=function(){alert(par.getElementById("id_div_focus_image").value+" "+fichier_image+" "+id_membre);};

---

C'est bon, en fait j'avais oublié d'inclure le fichier js où se trouvait la fonction insert_image!!:marteau:

Sinon quel est l'explication sur le fait qu'il faille mettre function{} pour un evenement? Histoire que la prochaine fois je ne poste pas un autre message!!

Citation:

---

Envoyé par calitom

Sinon quel est l'explication sur le fait qu'il faille mettre function{} pour un evenement? Histoire que la prochaine fois je ne poste pas un autre message!!

---

Le gestionnaire d'évenement attends une fonction (qui sera executée lors de l'évenement).

function() te permet de définir une fonction anonyme dans un bloc de code javascript, que tu peux éventuellement affecter.

Exemple :

Code:

---

1 2 3

var maFonction = function() {alert("plouf");}; maFonction(); //affiche plouf

---