quel evenement pour selection image

Version imprimable

18/10/2007, 17h51
calitom

quel evenement pour selection image
Rebonjour,

Comment faire pour recuperer une image selectionnée?
Pour du texte on fait:
Code:

1 2 document.selection.createRange().text
Mais comment savoir si une image est selectionnée?
Si je selectionne une image, document.selection.createRange().text renvoi:
Code:

1 2 [undefined]
19/10/2007, 10h44
calitom

Quel est le nom de l'evenement lorsque une image est selectionnée?

Mon image est dans un div contentEditable=true, et lorsque l'on clique dessus, elle se selectionne: c'est à dire qu'il y a huit carré qui apparaissent permettant de redimensionner l'image(dans chaque coin et au milieu de chaque côté).
19/10/2007, 10h53
E.Bzz

Bonjour,

Citation:

Envoyé par calitom

Quel est le nom de l'evenement lorsque une image est selectionnée?

onselect ?
Comme pour du texte, non ?

A+
19/10/2007, 11h04
calitom

Non, j'ai essayé, mais ca ne marche pas...
19/10/2007, 11h08
SpaceFrog

peut être à partir du focus et du retour de range ?
19/10/2007, 11h11
calitom

C'est à dire? Retour de range?

essaye d'explorer:
Code:

1 2 3 4 5 6 7 <script type="text/javascript"> var Liste="" for (elt in document.selection.createRange()){ Liste+=elt + ' => '+ document.selection.createRange()[elt]+'<br />'} document.write(Liste) </script>
que te retourne htmlText ?

peut être le parser à la recherche de "<img " ?

19/10/2007, 12h13
calitom
Ca me retourne:
Code:

1 2 length => 1
19/10/2007, 12h30
calitom

La fonction

Code:

document.execCommand('createLink');

fait exactement ce que je veux...

En gros, si une image est selectionnée et qu'on lance cette fonction, l'image se surligne en bleu, et à ce moment là document.selection.createRange().htmlText à pour valeur : <img src...>

Comment faire pour savoir le code permettant de rendre une image selectionnée dans l'état où elle est surlignée en bleu?

J'ai réussi!
Voici le code:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
//si type element selectionné = control(correspond a une image)
if(document.selection.type=="Control")
{
 var oControlRange = document.selection.createRange();
 for (i = 0; i < oControlRange.length; i++)
 {
   //on recupere la source de l'image selectionnée
   var img_src=oControlRange(i).src;
   //on recupere l'id du parent qui contient l'image
   var id_div_img_lien=oControlRange(i).parentNode.id;
 }
}
//sinon c'est du texte
else
{
...
}

J'ai galéré!!!

19/10/2007, 17h22
d-Rek

;) C'est sympa d'avoir posté ton code fini et fonctionnel.

Oubli pas le bouton résolu : :resolu:

Bonne continuation
19/10/2007, 18h55
SpaceFrog

Oui merci, d'autant plus que ça :

Code:

document.selection.type=="Control"

fallait le trouver ;)