Recuperer des elements dans une Iframe

Version imprimable

18/10/2008, 11h26
Sourrisseau

Recuperer des elements dans une Iframe

Hello !!!

Je souhaiterai recuperer une partie des elements dans une iframe.

Concretement cette iframe contient le flux rss d'une page et j'aimerai recuperer les element du flux rss en javascript pour les afficher partiellement dans une autre part de la page web .

Quelqu'un a t il une idee pour faire cela ?

Merci d'avance !!

Sourrisseau :salut:

Pour récupérer le contenu d'une "iframe", il faut procéder ainsi:

Code:

1
2
3
4
5
6
7
8
9
 
var fenetre = document.getElementById('taFenetre');
var contenu = "";
 
try {
    contenu = fenetre.contentDocument.body.innerHTML;
} catch (e) {
    contenu = fenetre.contentWindow.document.body.innerHTML;
}

18/10/2008, 12h44
bigboomshakala

hmm l'instruction try/catch(/finally) ne devrait être utilisée que pour la gestion d'exceptions non contrôlées ou lancées par throw.

ici on n'entre pas dans ce cadre. il s'agit de tester la présence d'une propriété spécifique au navigateur. par exemple

Code:

contenu = ([expression_1] || [expression_2]).innerHTML;

sinon je rappelle qu'il existe une base de connaissances non exhaustive mais qui peut aider méchamment. j'ai nommé "la FAQ"

Mais ça tout le monde le sait...

Aller pour te faire plaisir:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
var userAgent = window.navigator.userAgent;
var FIREFOX   = userAgent.match('Firefox')   ? true : false;
var OPERA     = userAgent.match('Opera')     ? true : false;
var IE        = userAgent.match('MSIE')      ? true : false;
var KONQUEROR = userAgent.match('Konqueror') ? true : false;
var SAFARI    = userAgent.match('Safari')    ? true : false;
 
var fenetre = document.getElementById('taFenetre');
var contenu = "";
 
if (!IE) {
    contenu = fenetre.contentDocument.body.innerHTML;
} else {
    contenu = fenetre.contentWindow.document.body.innerHTML;
}

18/10/2008, 12h59
Sourrisseau

Merci mais ca marche pas

Merci bien pour vos réponses mais cela ne morche pas ......Peut etre que je lance le script trop vite et que l'iframe n'est pas entierement chargée ..

si vous voyez une autre solution ?

8O
18/10/2008, 13h06
Sourrisseau

Message d'erreur Firefox - firebug

Voici le message de firebug . Ta fonction est appelé 3 secondes apres le chargement de la page pour etre que cela marche ...

Permission refusée d'obtenir la propriété HTMLDocument.body

Citation:

Envoyé par Sourrisseau

Merci bien pour vos réponses mais cela ne morche pas ......Peut etre que je lance le script trop vite et que l'iframe n'est pas entierement chargée ..

si vous voyez une autre solution ?

8O

montre nous le script et on pourra te dire ce qui se passe ;)

@Seb > il n'est pas nécessaire de tester le navigateur. par exemple sur un gestionnaire d'événement :
Code:

1 2 3 4 5 function (evt) { var e = window.event || evt; alert((e.target || e.srcElement).tagName); }
si window.event existe, alors on utilise window.event (IE)
sinon on utilise l'événement passé par paramètre (les autres navigateurs)

si srcElement existe dans notre objet événement alors on prend (IE), sinon on prend target (les autres nav). et on affiche le tagName.

mais en admettant qu'on veuille connaître exactement quel type de nav est employé, alors oui on fait :
Code:

1 2 3 4 5 6 var userAgent = window.navigator.userAgent; var FIREFOX = userAgent.match('Firefox'); var OPERA = userAgent.match('Opera'); var IE = userAgent.match('MSIE'); var KONQUEROR = userAgent.match('Konqueror'); var SAFARI = userAgent.match('Safari');
sans [condition] ? true : false
c'est un test supplémentaire inutile puisque match renvoie déjà un booléen

18/10/2008, 13h36
Bovino

Citation:

match renvoie déjà un booléen

Attention BBS, match renvoie un tableau des correspondances trouvées ou null test() renvoie un booléen !
Ton test fonctionne car la représentation booléenne de null est false et celle d'un tableau est vrai, mais dans ton exemple,

Code:

if(FIREFOX===true)

te renverra toujours false !
18/10/2008, 13h36
Kennel sébastien

Citation:

sans [condition] ? true : false
c'est un test supplémentaire inutile puisque match renvoie déjà un booléen

Je l'ai fait à la va vite...
C'est co-même plus solide à mon sens que ce que tu proposes, mais je connais déjà tout ça, depuis bien longtemps en fait, j'ai déjà fait le tour de ce langage il a déjà quelques années... Et puis c'est chacun ça méthode :p.
Actuellement la bonne solution serait de tester le module. Avec

Code:

document.implementation.hasFeature('module', 'version');
18/10/2008, 13h39
Bovino

Citation:

j'ai déjà fait le tour de ce langage il a déjà quelques années...

Ca me semble un peu présomptueux mais si tu le dis...
18/10/2008, 13h59
Kennel sébastien

Citation:

Envoyé par Bovino

Ca me semble un peu présomptueux mais si tu le dis...

Alors disons simplement que je suis passé à autre chose car j'ai fait le tour de ce qui m'intéresse. Je suis plus entrain aujourd'hui de faire du Ruby qu'autre chose. J'ai pas codé de classe en JS depuis un bout de temps.
19/10/2008, 11h43
SpaceFrog

:roll:
http://www.developpez.net/forums/d27...hlight=fenetre