Comment faire pour forcer un iFrame pour recharger une fois qu'il se charge

J'ai de nombreux iframes que contenu spécifique de charge sur mes pages. À la fois le parent et l'iframe sont sur le même domaine.

J'ai une barre de défilement à l'intérieur de l'iframe qui ne semble pas se charger correctement dans tous les navigateurs. Mais lorsque j'actualise l'iframe, il charge parfaite. Je n'ai aucune idée de pourquoi il le fait.

J'ai utilisé le meta refresh, qui fonctionne, mais je ne veux pas la page pour actualiser en permanence, juste une fois.

La solution, je suis à la recherche pour recharger le contenu de l'iFrame après l'iFrame est ouvert, avec un peu de retard.

Merci pour votre temps et de votre aide!

-Brett

----------MODIFIER:--------

J'ai réalisé que ma page se charge toutes mes iframes lorsque l'index est chargé. Le iframes apparaissent dans un jQuery overlay, qui est également chargé, mais visibility:hidden jusqu'appelé. Donc, sur cet appel, c'est quand je veux l'iframe pour être rechargé.

Quelqu'un pourrait-il m'aider à venir avec une fonction Javascript qui recharge l'iFrame lorsque je clique sur le lien de l'iFrame? J'ai obtenu près mais je n'y connais rien en js et je continue de tomber à court. J'ai une fonction qui recharge la page, mais je ne peux pas comprendre comment l'avoir appelé une seule fois.

J'ai jusqu'à présent:

<script type="text/javascript">

var pl;
var change;
pl=1;

function ifr() {

if (pl=1) {
    document.location.reload([true]);
    alert("Page Reloaded!");
    change=1;
    return change;
}

change+pl;

}

Donc, fondamentalement, il utilise le document.emplacement.recharge qui fonctionne à recharger la page. Je suis en train de faire puis pl changer pour autre chose que 1, donc la fonction ne marche pas à courir de nouveau. J'ai appelé le JS du corps, avec onLoad.

OriginalL'auteur Brett | 2011-10-21

Tous les fils sur cette allés morts, mais j'ai trouvé un extrait de code qui ont travaillé. Pas écrit par moi, et je ne me souviens pas d'où il vient. Seulement l'affichage de l'aide de quelqu'un si jamais ils ont la même question.

<div class="overlay-content"> //Content container needed for CSS Styling



     <div id="Reloader"> //iFrame will be reloaded into this div

     </div>



           //Script to reload the iframe when the page loads
         <script>
            function aboutReload() { 
              $("#Reloader").html('<iframe id="Reloader" height="355px" width="830px" scrolling="no" frameborder="0" src="about.html"></iframe>');
            }
         </script>



</div>

Fondamentalement juste de charge de la source iFrame lorsque la fenêtre avec l'iFrame s'ouvre, par opposition à l'iFrame de chargement lorsque le chargement de la page.

OriginalL'auteur Brett

3

Au-delà de la portée de la question d'origine, mais cette jQuery snippit travaille avec la croix de domaine iframe éléments où la contentDocument.emplacement.reload(true) méthode ne sera pas en raison de bac à sable.
```
//assumes 'this' is the iframe you want to reload.
$(this).replaceWith($(this).clone()); //Force a reload
```
Fondamentalement, il remplace l'ensemble de l'élément iframe avec une copie de lui-même. Nous l'utilisons pour la force de redimensionner intégré 3ème partie de la "bête" widgets comme la vidéo de joueurs qui n'ont pas remarqué quand leur taille change.

OriginalL'auteur John Pettitt
2

Sur l'élément iframe lui-même, définir un onload:
```
iframe.onload = function() {this.contentWindow.location.reload(); this.onload = null;};
```
(Ne fonctionne que si l'iframe est dans le même domaine que la page principale)

Je recommande d'utiliser this au lieu de iframe dans le gestionnaire d'événement, dans le cas de la variable iframe est écrasée.
Bon point. Modifier. (J'ai l'habitude de beaucoup de fermetures, de sorte que les noms de variables sont très peu susceptibles d'être remplacés :p)
merci pour la réponse rapide les gars! l'iframe charges about.html et le parent est index.php. Dois-je mettre ce code dans l'en-tête de about.html à l'intérieur <script> tag?
dans la page parent. Cette réponse n'est pas vraiment clair où le mettre, car l'ensemble de l'iframe.onload vous devez attendre jusqu'à ce que l'iframe est dans le DOM, mais si vous attendez pour les parents "charge" de l'événement, l'iframe peut ou peut être déjà chargé en ce moment.
Non testé idée est de mettre <iframe onload="reloadOnce(this)"> en HTML; faire la reloadOnce contrôle du fonctionnement d'un drapeau, puis, si elle n'est pas définie, le définir et de le recharger l'image.

OriginalL'auteur Niet the Dark Absol
2

Voici une solution complète à la question initiale:
```
<iframe onload="reloadOnce(this)" src="test2.html"></iframe>
<script>
var iframeLoadCount = 0;
function reloadOnce(iframe) {
  iframeLoadCount ++;
  if (iframeLoadCount <= 1) {
    iframe.contentWindow.location.reload();
    console.log("reload()");
  }
}
</script>
```
La mise à jour de la question n'est pas vraiment clair (ce qui est "le lien de l'iFrame" et où est-il dans votre extrait de code?), mais vous avez quelques problèmes avec le code:
- "l'appel de cette JS du corps, avec onLoad", en supposant que vous dire un iframe du corps, signifie que la variable que vous êtes l'espoir de l'utiliser pour éviter infini de rechargement obtiendrez tabassé avec le reste de l'iframe de la page quand il est rechargé. Vous devez charger un peu différente de l'URL de l'iframe (et de vérifier l'URL de l'iframe est onload avant de le recharger) ou mettre le drapeau de la variable à l'extérieur de la page (et y accéder avec parent.variableName - qui devrait fonctionner je pense)
- if (pl=1) { doit utiliser ==, comme = est toujours une tâche.
- change+pl; n'a aucun effet.
Permettez-moi d'essayer d'éclaircir le lien iFrame"... Quand un visiteur clique sur un lien vers du contenu supplémentaire, par exemple, sur la page "à propos", le contenu supplémentaire est affiché via un iFrame. ainsi, le "iFrame lien" serait l'un des liens sur la page "à propos" (ce qui serait "à propos de moi" "" "faq" et ainsi de suite) ... Ces pages sont ce que l'utilisation des iFrames. Tous les iFrames sont chargées sur la visite initiale à l'index.php page. Mais lorsqu'il est appelé par cliquez sur leur lien respectif, j'ai besoin d'eux pour se rafraîchir. Je vais essayer cette solution. Je vous remercie pour votre temps sur cette question!
J'ai essayé de mettre votre code, mais ça ne fonctionne pas. Ai-je mettre en œuvre correctement? code <iframe height="425px" width="830px" scrolling="no" frameborder="0" src="about-homeopathy.html" onload="reloadOnce(this)"></iframe> code <script> var iframeLoadCount = 0; function reloadOnce(iframe) { iframeLoadCount ++; if (iframeLoadCount <= 1) { iframe.contentWindow.location.reload(); console.log("reload()"); } } </script>
Cela fonctionne pour moi - j'ai ajouté le script juste au-dessus de l'iframe et alors que l'attribut onload. A travaillé comme un charme!

OriginalL'auteur Nickolay

Vous devez vous connecter pour publier un commentaire.