Discussion :

[calitom]

Bonjour,

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

Code :

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

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 :

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

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 :

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

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

??
Merci d'avance

[denisC]

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

[calitom]

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

Code :

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

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?

[Bisûnûrs]

Code :

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

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

[SpaceFrog]

arf c'est Denis qui a raison :

Code :

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

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

[calitom]

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

Code :

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

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 :

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

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

[calitom]

J'arrive a afficher toutes les infos a transmettre:

Code :

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

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);};

[SpaceFrog]

essaye d'ajouter cette ligne là :

Code :

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

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