Changer la source d'une iFrame toutes les deux minutes et rafraichir l'Iframe en question

**CrasherSEP** · 23/07/2018, 14h14

Bonjour,

J'ai une page Web contenant 2 IFrames (le titre et le contenu)

L'iFrame du contenu s'actualise toutes les deux minutes grâce à une ligne de code.

J'aimerais maintenant pouvoir changer la source de l'iFrame CONTENU par plusieurs autres sources.

Exemple:

source 1 : /pages/contenu1.html
source 2 : /pages/contenu2.html
source 3 : /pages/contenu3.html
source 4 : /pages/contenu4.html
source 5 : /pages/contenu5.html
...

Donc, quand la page je charge pour la première fois, c'est le contenu1 qui s'affiche, après deux minutes le contenu 2, puis le trois et à la fin cela relance le contenu 1...

Pourriez-vous m'aider ?
Grand merci d'avance

Invité · 23/07/2018, 15h14

Bonjour,

montre le code actuel.

**Crachover** · 23/07/2018, 23h04

Bonjour,

Voilà mon code à moi, et j'aimerais pouvoir changer la source de Example2 par exemple toutes les 2 minutes avec un autre fichier que viewscorestv.htm comme par exemple viewscorestv2.htm puis viewscorestv3.htm puis viewscorestv4.htm...

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
26
27
28
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="styles.css">
<title>Cha&icirc;nes view TV</title>
<style>
body {
    background-color: black;
	margin:0px;
	margin-top:0px;
 
}</style>
<script type="text/javascript">
window.onload=function() {
  window.setInterval(function() {
    window.frames.Example2.location.reload()
  },1000*180)
}
</script>
</head>
<body>
	<div id="bandeau"> <iframe id="Example1" name="Example1" title="Example1"src="menu.htm" frameborder=0  height=58px width=100% scrolling="No" marginheight="0" marginwidth="0"></iframe>
	</div>
<div id="contenu"> <iframe id="Example2" name="Example2" title="Example2"src="viewscorestv.htm" frameborder=0  height=555px width=100% scrolling="No" marginheight="2" marginwidth="105"></iframe></div>
</body>
</html>

CrasherSEP : Si tu trouves, je suis preneur...

Merci d'avance pour vos lumières :-)
Bonne soirée

**CrasherSEP** · 25/07/2018, 11h53

Pour le moment je ne trouve pas et pourtant je cherche...

Invité · 25/07/2018, 12h37

Bonjour,

Code JavaScript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
"use strict";
window.onload = function() {
  let URLs = [
    "page1.htm",
    "page2.htm",
    "page3.htm",
    "page4.htm"
  ];
  let URLsLen = URLs.length;
  let ii = 0;
  window.setInterval(function() {
    window.frames.Example2.src = URLs[ii % URLsLen]; // (% : modulo)
    ii++;
  }, 1000 * 60 * 2); // toutes les 2 minutes
};

N.B. 2 minutes, c'est long.
C'est trèèèèèèèès looooooooooooooooooong.........

**CrasherSEP** · 25/07/2018, 13h46

Bonjour,

Merci pour votre réponse

mais je n'y arrive pas...

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
26
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="styles.css">
<title>Cha&icirc;nes view TV</title>
<style>
body {
    background-color: black;
        margin:0px;
        margin-top:0px;
 
}</style>
<script type="text/javascript">
"use strict";
window.onload = function() {
  let URLs = [
    "contenu1.htm",
    "contenu2.htm",
    "contenu3.htm"
  ];
  let URLsLen = URLs.length;
  let ii = 0;
  window.setInterval(function() {
    window.frames.Example2.src = URLs[ii % URLsLen]; // (% : modulo)
    ii++;
  }, 1000 * 60 * 2); // toutes les 2 minutes
};
</script>
</head>
<body>
	<div id="bandeau"> <iframe id="Example1" name="Example1" title="Example1" src="menu.htm" frameborder=0  height=58px width=100% scrolling="No" marginheight="0" marginwidth="0"></iframe>
	</div>
<div id="contenu"> <iframe id="Example2" name="Example2" title="Example2" frameborder=0  height=555px width=100% scrolling="No" marginheight="2" marginwidth="105"></iframe></div>
</body>
</html>

Que veut dire : "use strict" ? & à mon avis, je dois surement insérer un morceau de code dans l'iFrame 'Example2"...

Changer la source d'une iFrame toutes les deux minutes et rafraichir l'Iframe en question

JavaScript

Vue hybride

Discussions similaires

Partager

Partager