Auto Refresh IFrame HTML

Comment puis-je Actualiser automatiquement une Iframe toutes les 3 Secondes avec des il de l'actualisation de l'ensemble de la page. J'utilise <meta http-equiv="refresh" content="1"> mais il montre l'intégralité de l'actualisation de la page et vous met en haut de la page à chaque fois qu'il fait. Mon Iframe est dirigé vers un fichier texte pour le lire en direct les messages que j'ai mis dans. Est-il encore un moyen de faire cela avec elle de l'actualisation de l'ensemble de la page, il suffit de l'élément. Je suis un HTML débutant donc expliquer à fond s'il vous plaît. Je google beaucoup et essayé beaucoup de choses et pour l'instant rien ne fonctionne et j'ai essayer dans de nombreux navigateur.

Mon code pour l'instant:

<!DOCTYPE html>
<html>
<head>
<link rel="shortcut icon" href="favicon.png" type="image/x-icon" />



<title>Chat</title>

<style>

body{
margin: 0px;
}

h1{
font-family: arial;
font-size: 100%;
}
iframe{
width: 900px;
height: 500px;
}

div.top{
background-color: rgba(2, 109, 8, 0.83);
height: 30px;
width: 100%;
}
</style>


</head>

<body>
<div class="top">
<img src="favicon.png" alt="favicon"  height="31" width="31" >
<h1>Chat</h1>
</div>




<iframe src="text.txt" name="iframe_a"> />



</body>
</html>
InformationsquelleAutor Display Word | 2015-12-06
  1. 0

    Vous pourriez faire ce que vous avez besoin simplement à l'aide de quelques lignes de Javascript.

     <script>
 window.setInterval("reloadIFrame();", 3000);

 function reloadIFrame() {
  document.frames["frameNameHere"].location.reload();
 }
 </script>
    • Ne fonctionne pas dans Firefox ou Chrome ou IE.
    • Je l'ai Mis et Rien ne se Passe.
    • Avez-vous le remplacer par votre nom d'image?
    • oui je l'ai fait et rien ne s'est passé
    InformationsquelleAutor Hakam
  2. 0

    Vous avez des problèmes avec vos balises html.
    (la balise "iframe" est mal formé)

    Ici vous avez votre code fixe et de votre réponse, prêt à exécuter: 

    <!DOCTYPE html>
<html>
<head>
    <link rel="shortcut icon" href="favicon.png" type="image/x-icon" />
    <title>Chat</title>
    <style>
        body {
            margin: 0px;
        }
        h1 {
            font-family: arial;
            font-size: 100%;
        }
        iframe {
            width: 900px;
            height: 500px;
        }
        div.top {
            background-color: rgba(2, 109, 8, 0.83);
            height: 30px;
            width: 100%;
        }
    </style>
</head>
<body>
    <div class="top">
        <img src="favicon.png" alt="favicon" height="31" width="31">
        <h1>Chat</h1>
    </div>

    <iframe id="iframe" src="text.txt"></iframe>

    <script>
        window.setInterval(function() {
            reloadIFrame()
        }, 3000);

        function reloadIFrame() {
            console.log('reloading..');
            document.getElementById('iframe').contentWindow.location.reload();
        }
    </script>
</body>
</html>

    Ce qui concerne

    InformationsquelleAutor Daniel Vukasovich
  3. 0
    <head>
    <script>
        function refreshIFrame() {
            var x = document.getElementById("*Your_iframe_id*");
            x.contentWindow.location.reload();
            var t = setTimeout(refreshIFrame, 3000);
        }
    </script>
</head>
<body onload="refreshIFrame()">... 
    <iframe id="*Your_iframe_id*" src= ...></iframe>...
</body>

    cette solution a fonctionné pour moi, j'ai découvert que le " refreshIFrame()' la fonction a été inscrit comme un paramètre sans les parenthèses () dans la ligne suivante: "var t = setTimeout(refreshIFrame, 3000); ". En remplaçant simplement les valeurs pertinentes et vous êtes bon pour aller.

    InformationsquelleAutor Owhonda Owhonda-Wopara