Récupérer une partie d'une page HTML avec iframe et onload

**Devilinco** · 12/05/2017, 16h23

Bonjour,

Sauriez-vous me dire comment récupérer seulement une partie de la page que je souhaite ?
Je suis dans la page index.html et j'aimerai seulement récupérer les images de l'autre page qui sont sous la div <figure id=""gallery">

Ce code fonctionne mais je récupère toute la page dans ma frame :

Code html :

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

1
2
3
4
5
6
7
8
9
10
<iframe id="myFrame" src="galeries.html#gallery" style="width:100%; height:250px;"></iframe>
<figure id="galerie"></figure>
 
<script type="text/javascript">
var mon-contenu = $("galeries.html #gallery").html();
document.getElementById("myFrame").onload = function() {myFunction()};
function myFunction() {
    document.getElementById("galerie").innerHTML = mon-contenu;
}
</script>

Merci de votre aide

**badaze** · 13/05/2017, 13h40

Comme ça chez moi ça fonctionne (IE11). Il y a sûrement plus simple.

Mon fichier "galerie" s'appelle test9248b.html.

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
 
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
</head>
<body>
<iframe id="myFrame" src="test9248b.html" style="width:100%; height:250px;"></iframe>
<figure id="galerie"></figure>
 
<script type="text/javascript">
var moncontenu = document.getElementById("myFrame").contentDocument.images;
document.getElementById("myFrame").onload = function() {myFunction()};
function myFunction() {
    document.getElementById("galerie").innerHTML = "";
 for (var i=0;i<moncontenu.length;i++) {
  var uneImage = moncontenu[i];
  var j = "<img src='"+uneImage.src+"'/>";
  document.getElementById("galerie").innerHTML = document.getElementById("galerie").innerHTML + j;
 }
}
</script>
</body>
</html>

Récupérer une partie d'une page HTML avec iframe et onload

JavaScript

Discussions similaires

Partager

Partager