[DOM] iframe - obtenir la donnée sélectionnée

Version imprimable

10/01/2006, 10h55
fabrisss

[DOM] iframe - obtenir la donnée sélectionnée

bonjour,

je veux obtenir en Javascript, la donnée que l'utilisateur sélectionne dans une <iframe>

pour cela, j'utilise la fonction getSelection() qui marche très bien

le problème est que je ne sais pas quel événement utiliser sur mon iframe pour exécuter la fonction Javascript dès que l'utilisateur a fait sa sélection dans l'iframe ???

ni 'onblur', ni 'onmouseup' ne fonctionne :-(

merci pour ce forum très utile !!!

fabrisss
10/01/2006, 12h00
siddh

euh tu selectionne quoi ?
10/01/2006, 12h07
fabrisss

l'utilisateur est censé pouvoir sélectionner n'importe quel texte apparaissant dans la page chargée dans l'iframe

exemple : le titre d'un forum, le prix d'un article, un lien...

mon problème n'est pas lié à la nature des données sélectionnées mais plutôt à l'événement qui devrait déclenché après la sélection dans l'iframe
10/01/2006, 12h19
siddh

pour ie tu as le onselectstart sur document, sinon apres ca sera sur le onmousedown du document aussi
10/01/2006, 12h57
fabrisss

j'oubliais de préciser une info importante : je n'ai pas accès en écriture aux pages chargées dans l'iframe car ce sont des pages provenant de sites externes (n'importe quelle page du web en fait...)

donc je ne peux pas ajouter de gestionnaire d'événements (onclick, on mouseup...etc) dans la page de l'iframe
10/01/2006, 13h08
siddh

ben tu peux tenter

Code:

<iframe onmousedown="debutselection" onclick="finselection" ...>
10/01/2006, 13h21
fabrisss

merci pour ta proposition mais cela ne marche pas...

ceci, par contre, fonctionne :

Code:

<body onclick="getSel();">

mais n'est pas vraiment acceptable car il faut cliquer sur la page 'parent', après la sélection dans l'iframe, pour déclencher la fonction Javascript :-(
10/01/2006, 18h58
siddh

Code:

<iframe onmouseup="

?

Citation:

<body onclick="getSel();">

Sinon tu peux faire quelque chose comme cela depuis la page contenant la iframe :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <html> <head></head> <body> <iframe id="yo" src="b.html" ></iframe> <script language="javascript" type="text/javascript"> document.getElementById("yo").contentWindow.document.onclick = function () { alert("Yo C'est Moi "); } </script> </body> </html>
Ou bien plus simplement directement dans l'iframe (qui est une page web comme une autre) :

Citation:

<body onclick="getSel();">

Ensuite tu peux communiquer entre la page appelante et la page appelée sans souci avec window.parent par exemple, ou le comme plus au dessus par exemple.

10/01/2006, 23h13
siddh

il n'est pas propriétaire de la page se trouvant dans l iframe

Il peut toujours faire cela dans ce cas bien précis.
Code:

1 2 3 4 5 6 <script language="javascript" type="text/javascript"> document.getElementById("yo").contentWindow.document.onclick = function () { alert("Yo C'est Moi "); } </script>
J'ai mis onclick mais bon il mets ce qu'il veut comme evenement ;)

10/01/2006, 23h36
siddh

oui oui cette solution est certainement bonne,
en fait j'utilise les ifrmae mais pas pour ce à quoi elles sont destinées :D

c'est soit pour communiquer avec le serveur, mais maintenant avec xhr je le fais plus.

soit pour la mettre derrière un div car ie gère pas les div au dessus des select.
11/01/2006, 11h14
ePoX

Citation:

soit pour la mettre derrière un div car ie gère pas les div au dessus des select.

Pf tu métonnes c'est trop la plaie ca !

tu t'en sers comment de tes iframe :?:
11/01/2006, 11h21
siddh

ben en général je la crée dynamiquement avec le dom (createElement) et je la place derrière mon div (meme coordonnées mais un z-index plus petit).

Car in peut mettre une iframe devant un select et un div devant une iframe :D
11/01/2006, 13h43
fabrisss
j'obtiens l'erreur suivante :
Code:

1 2 document.getElementById("yo") has no properties
j'ai aussi essayé avec document.getElementById("yo").contentDocument ou document.getElementById("yo").document

cela ne marche ni sous IE, ni sous Mozilla :-(
11/01/2006, 14h16
ePoX

Citation:

ben en général je la crée dynamiquement avec le dom (createElement) et je la place derrière mon div (meme coordonnées mais un z-index plus petit).

Car in peut mettre une iframe devant un select et un div devant une iframe

Sa c'est un bon truc à savoir ;p

Citation:

j'obtiens l'erreur suivante :
Code:

document.getElementById("yo") has no properties

j'ai aussi essayé avec document.getElementById("yo").contentDocument ou document.getElementById("yo").document

cela ne marche ni sous IE, ni sous Mozilla

Normal ton iframe doit avoir un id particulier et c'est id que tu vas cibler avec la methode getElementById().

Dans mon la iframe avait l'id yo.

A toi de l'adapter
11/01/2006, 17h09
siddh

t as mis un id="yo" a ton iframe au moins ?
12/01/2006, 11h53
fabrisss

évidemment, mon iframe possède un attribut 'id' et 'name' dont la valeur vaut 'yo'

Code:

<iframe id="yo" name="yo" src="http://..."></iframe>
12/01/2006, 13h47
ePoX

Ben sa devrait fonctionner.... File une peu plus de code on pourrait mieux t'aider.

voici mon code Javascript :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
var IFrameDoc;
var IFrameObj = document.getElementById('yo');
 
if(IFrameObj.contentDocument)
{
	IFrameDoc = IFrameObj.contentDocument.document;
}
else if(IFrameObj.contentWindow)
{
	IFrameDoc = IFrameObj.contentWindow.document;
}
else if(IFrameObj.document)
{
	IFrameDoc = IFrameObj.document;
}
else
{
	alert("error");
}
 
IFrameDoc.onclick = function ()
{
	alert("ok");
}

...et mon iframe :

Code:

1
2
 
<iframe id="yo" name="yo" width="800" height="600" src="http://..."></iframe>

...et le msge d'erreur de la console JS :

Code:

1
2
 
Error: IFrameObj has no properties

pour info, aucun "alert" ne s'affiche car le script se plante certainement dans le 1er "if"

13/01/2006, 12h41
siddh
ou as tu placé ton code ?

dans le head ?

a quel moment est il executé ?

si c'est au chargement de la page c'est normal car ton iframe n'existe pas encore ;)
Code:

1 2 3 4 window.onload = function(){ // ton code ici }
13/01/2006, 12h51
fabrisss
mon script est dans le head donc c'est sans doute cela la cause de l'erreur

en mettant mon script à la fin de la page (après l'iframe) ou en le mettant dans un "window.onload", j'obtiens une erreur différente :
Code:

1 2 IFrameDoc has no properties
...mais toujours pas d'alert()

merci de s'acharner sur mon cas ;-)
13/01/2006, 14h11
siddh

quelle est la ligne qui provoque cete erreur ?
13/01/2006, 15h49
ePoX
C'est celle ci d'après les test que j'ai fait tout à l'heure....
Code:

1 2 3 4 5 IFrameDoc.onclick = function () { alert("ok"); }
Mais j'avoue ne pas comprendre non plus pour le moment... Je me demande si c'est pas une question de chargement. Faudrait il attendre que la page, en iframen soit chargée complètement pour l'attaquer en JS ? Je pense que oui, mais c'est a tester.

et si tu fais ça ?
(je sais pas si ca existe le onload d'une iframe mais bon)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
var IFrameDoc;
var IFrameObj = document.getElementById('yo');
 
IFrameObj.onload = function(){    
if(this.contentDocument)
{
   IFrameDoc = this.contentDocument.document;
}
else if(this.contentWindow)
{
   IFrameDoc = this.contentWindow.document;
}
else if(this.document)
{
   IFrameDoc = this.document;
}
else
{
   alert("error");
} 
 
IFrameDoc.onclick = function ()
{
   alert("ok");
} 
}

Je viens de tester d'autre truc et ce qui est sur c'est que
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 if(this.contentDocument) { IFrameDoc = this.contentDocument.document; } else if(this.contentWindow) { IFrameDoc = this.contentWindow.document; } else if(this.document) { IFrameDoc = this.document; }
Sa mets la zone. Je suis pas très calé dans la detection de navigateur, je regarderais peut être plus tard.

L'autre chose que j'ai pu remarquer c'est que si tu appelles une page, dans une iframe, qui n'est pas dans le même domaine, FF ne te permet pas d'en modifié son contenu dynamiquement (c'est surement pareil pour IE mais je peut pas tester la).

Sinon ce devrait fonctionner...

bye

Fuseau horaire GMT +2. Il est actuellement 21h20.