Discussion :

[Canopus]

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 :

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

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 !

[deY!]

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 :

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

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

[Canopus]

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 :

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

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

La fonction qui insère l'image :

Code :

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

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 :

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

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

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

Code :

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

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