getElementById et object

**pascalg2** · 15/02/2016, 16h13

Bonjour,
j'essaye d'acc�der au contenu d'une seule div dans un fichier html charg� par object.
J'ai essay� avec frameElement, document.getElementById... rien ne fonctionne.
Je pr�cise que le script pour r�cup�rer les donn�es est dans le fichier principal.
fichier1.htm :

Code html :

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
<html>
<head>
<script>
function recup() {
var provi = document.getElementById("madiv").innerHTML; // ne fonctionne pas
alert(provi);
return;
}
</script> 
</head>
<body>
<object id="fen01" name="fen01" data="fichier2.htm" type="text/html" width="80" height="80">
blablabla
..... recup();
blablabla
</body>
</html>

fichier2.htm :

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
<htm>
<body>
<div id="madiv">blabla</div>
<div id="deux">reblablabla</div>
<div id= trois">encore blablabla</div>
</body>
</htm>

y a t'il un moyer de faire un truc de ce genre : document.getElementById("fen01").document.getElementById("madiv").innerHTML ?

Merci de vous pencher sur ce probl�me assez irritant.

PS : je travaille en local, pas de serveur, pas de php... juste html, css et js

**Watilin** · 16/02/2016, 14h28

Salut,

tu peux acc�der au contenu de la page incluse, dans la mesure o� son acc�s est autoris� par la same-origin policy : il faut que les deux pages soient du m�me domaine. Dans le cas du protocole file:, tu n'as aucun probl�me, mais tu devras faire attention � �a si tu passes par http:.

Comme avec les iframes, tu as acc�s aux objets document et window de la page incluse via les propri�t�s contentDocument et contentWindow, respectivement.

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

document.getElementById("fen01").contentDocument.getElementById("madiv").innerHTML

**pascalg2** · 16/02/2016, 18h30

Bonjour,

Merci Watilin, c'est exactement ce que je cherchais.

Je m'en sors pas trop mal avec les cadres mais je n'aurais pas trouv� cette solution.

Merci encore.

getElementById et object

JavaScript

Discussions similaires

Partager

Partager