[POO] Récupérer une image sélectionnée sous Firefox

Bonjour,

Je code une petite interface wysiwyg et je voudrais pouvoir modifier dynamiquement les images insérées.

Quand on clique sur l'image, il apparait des poignées de controle autour (qui permettent de la redimensionner) et je voudrais récupérer cet objet image.

Ce script fonctionne sous IE :

Code:

---

1 2	var node=window.frames[IDFRAME].document.selection.createRange(); var imgObject = node(0);

---

Je cherche l'équivalent pour Mozilla... J'ai testé pas mal de méthodes mozilla sur les sélections mais rien ne me permet de récupérer l'image.. j'obtiens toujours le noeud parent.

si vous avez des idées !

Avec le code html ça serait peut etre plus simple.

sur l'évènement onclick de ton élément <img /> c'est assez simple.

Code:

---

1 2 3 4 5

<img ... onclick="javascript:myNode(this)"> [...] function myNode(node) { // Ce que tu veux... }

---

Non, parce qu'en fait cette image est ajoutée par la fonction execCommand dans une iframe éditable, et donc il est impossible de lui attribuer un attribut onClick, et, de toute façon, onClick ne fonctionne pas dans une iframe éditable (sous Firefox)


Le HTML =>
le bouton qui permet d'insérer l'image :

Code:

---

1 2 3 4

<input type="button" value="Image" onclick="inserImage()" />   <iframe designMode="On"> </iframe>

---

La fonction qui insère l'image :

Code:

---

1 2 3 4 5 6 7 8

function inserImage () { if (retourneIframe()) idFrame=retourneIframe (); else return; var cmd1="InsertImage"; var cmd2=false; var cmd3="http://monImage.gif"; if (InternetExplorer()) window.frames[idFrame].document.execCommand(cmd1,cmd2,cmd3); else document.getElementById(idFrame).contentDocument.execCommand(cmd1,cmd2,cmd3); return; }

---

Le bouton pour récupérer l'objet image qui vient d'etre ajouté dans l'iframe via execCommand :

Code:

---

<input type="button" value="Get image ajoutée" onclick="getImage();" />

---

et sa fonction dont je cherche l'équivalent pour FF

Code:

---

1 2 3 4 5

function getImage () { var node=window.frames[IDFRAME].document.selection.createRange(); var objectImg = node(0) }

---