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

**fabrisss** · 10/01/2006, 10h55

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

**siddh** · 10/01/2006, 12h00

euh tu selectionne quoi ?

**fabrisss** · 10/01/2006, 12h07

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

**siddh** · 10/01/2006, 12h19

pour ie tu as le onselectstart sur document, sinon apres ca sera sur le onmousedown du document aussi

**fabrisss** · 10/01/2006, 12h57

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

**siddh** · 10/01/2006, 13h08

ben tu peux tenter

Code :

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

<iframe onmousedown="debutselection" onclick="finselection" ...>

**fabrisss** · 10/01/2006, 13h21

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

ceci, par contre, fonctionne :

Code :

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

<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 :-(

**siddh** · 10/01/2006, 18h58

Code :

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

<iframe onmouseup="

?

**ePoX** · 10/01/2006, 21h02

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

Code :

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

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) :

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.

**siddh** · 10/01/2006, 23h13

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

**ePoX** · 10/01/2006, 23h30

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

Code :

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

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

**siddh** · 10/01/2006, 23h36

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

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.

**ePoX** · 11/01/2006, 11h14

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

:

**siddh** · 11/01/2006, 11h21

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

**fabrisss** · 11/01/2006, 13h43

j'obtiens l'erreur suivante :

Code :

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

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 :-(

**ePoX** · 11/01/2006, 14h16

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

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

**siddh** · 11/01/2006, 17h09

t as mis un id="yo" a ton iframe au moins ?

**fabrisss** · 12/01/2006, 11h53

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

Code :

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

<iframe id="yo" name="yo" src="http://..."></iframe>

**ePoX** · 12/01/2006, 13h47

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

**fabrisss** · 13/01/2006, 10h21

voici mon code Javascript :

Code :

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

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 :

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

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

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

Code :

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

1
2
 
Error: IFrameObj has no properties

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

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

JavaScript

Discussions similaires

Partager

Partager