IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

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


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Homme Profil pro
    Inscrit en
    Octobre 2009
    Messages
    394
    Détails du profil
    Informations personnelles :
    Sexe : Homme

    Informations forums :
    Inscription : Octobre 2009
    Messages : 394
    Par défaut Changer la source d'une iFrame toutes les deux minutes et rafraichir l'Iframe en question
    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

  2. #2
    Invité
    Invité(e)
    Par défaut
    Bonjour,

    montre le code actuel.

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Octobre 2009
    Messages
    506
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Octobre 2009
    Messages : 506
    Par défaut
    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

  4. #4
    Membre éclairé
    Homme Profil pro
    Inscrit en
    Octobre 2009
    Messages
    394
    Détails du profil
    Informations personnelles :
    Sexe : Homme

    Informations forums :
    Inscription : Octobre 2009
    Messages : 394
    Par défaut
    Pour le moment je ne trouve pas et pourtant je cherche...

  5. #5
    Invité
    Invité(e)
    Par défaut
    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.........

  6. #6
    Membre éclairé
    Homme Profil pro
    Inscrit en
    Octobre 2009
    Messages
    394
    Détails du profil
    Informations personnelles :
    Sexe : Homme

    Informations forums :
    Inscription : Octobre 2009
    Messages : 394
    Par défaut
    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"...

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Exécuter une fonction toutes les X minutes ?
    Par corgato dans le forum Qt
    Réponses: 8
    Dernier message: 27/01/2009, 10h29
  2. Effectuer une requête toutes les XX minutes
    Par TrinityDiz dans le forum Langage
    Réponses: 8
    Dernier message: 27/11/2008, 11h04
  3. [Dates] Faire varier une donnée toutes les 30 minutes
    Par esther60 dans le forum Langage
    Réponses: 7
    Dernier message: 18/04/2008, 20h18
  4. Executer une fonction tout les X minutes
    Par Fabouney dans le forum C
    Réponses: 6
    Dernier message: 07/08/2006, 19h33
  5. Lancer une fct toutes les x minutes
    Par mambo dans le forum MFC
    Réponses: 8
    Dernier message: 21/06/2006, 23h16

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo