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?

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

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

[calitom]

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

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

[denisC]

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 :

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

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