Actualiser la div sur la page parent de l'iframe à l'aide de jquery

J'utilise fancybox modal de la boîte avec un iFrame. Sur le formulaire de réussite de l'iFrame, je suis en utilisant le code ci-dessous:

<script type="text/javascript">
window.setTimeout('window.top.location.href = "/page.asp"; ',999);
</script>

<script language="javascript">
<!--
setTimeout("parent.$.fancybox.close();",1000)
//-->
</script>

Cette ferme fancybox modal de la boîte et de rafraîchir la page parent. Je veux cibler un div à l'actualisation de la page parent de l'iFrame à l'aide de Jquery.

Je veux la cible DIV sur la page parent avec l'id="cible" pour actualiser, PAS la totalité de la page. Comment dois-je faire à l'aide de JQuery?

TIA

Exemple de Code ci-dessous

De La Page Parent

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
</head>
<body>
<div id="target">
content content
</div>
</body>
</html>

iFrame Sur la Page de Validation de Formulaire

<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
</head>

<script type="text/javascript">
window.setTimeout('window.top.location.href = "/parent_page.asp"; ',999);
</script>

<script language="javascript">
<!--
setTimeout("parent.$.fancybox.close();",1000)
//-->
</script>

Comment puis-je faire une fonction sur la page parent pour actualiser le div id="cible" et de l'appeler à partir de l'iFrame. Dès maintenant, l'ensemble de la page parent rafraîchit.

Pourriez-vous fournir un exemple complet avec des exemples de code HTML, y compris un DIV et d'une description concrète de ce que vous voulez "actualiser" et quel est l'effet "rafraîchissant" se doit d'avoir pour vous? Je soupçonne ce que vous voulez, c'est de recharger la page en AJAX, passer le nouveau code HTML de jQuery, et l'utilisation .remove() et .html(new_html) la nouvelle DIV contenu dans le DIV.
J'ai essayé de Googler une solution à l'aide de ce que vous avez mentionné en vain. Comment pourrais-je faire exactement à l'aide d'AJAX ?

OriginalL'auteur Patriotec | 2011-05-27

  1. 3

    Passer le deuxième paramètre de jQuery, à la portée souhaitée

    Remplacer window.setTimeout('window.top.location.href = "/page.asp"; ',999);:

    window.setTimeOut(function(){
    $("#target", window.parent).load("/page.asp #target");
},999);
    Je suis une complète jQuery novice. Veuillez inclure le code exemple pour le parent et l'iframe page complète de la syntaxe du script. Des extraits de Code seul ne suffit pas
    Édité ma réponse, est-ce que vous souhaitez?
    J'ai essayé d'André solution mais cela n'a pas fonctionné. La fancybox fermé, puis la fenêtre parent est entré en priorité, mais le contenu de la div n'a pas changé. Ai-je raté quelque chose dans la page pour faire ce travail? De ce que j'ai lu, j'ai besoin de faire une fonction dans la page parent et l'appeler à partir de l'iFrame.
    J'ai d'autres DIV à l'intérieur de la cible DIV. J'étais sous l'impression que tout l'intérieur de la cible DIV serait d'actualisation
    Pour la fancybox pour le travail, j'ai dû créer une fonction sur la page parent à l'aide de $(document).ready(function() {function triggerClose(){ var el = $("#fancyCloseId"); el.bind("click", $.fn.fancybox.fermer); el.trigger('click');}, puis appelle la fonction de l'iframe

    OriginalL'auteur Ortiga

  2. 0

    Vous pouvez atteindre cet objectif par l'appel d'une fonction javascript dans la page parent de la page contenu dans l'iframe.

    window.parent.myFunctionInParent('my param');

    Vous pouvez apprendre la technique étape par étape dans Comment faire pour actualiser la page parent partiellement à partir de la page dans l'iframe.

    Espère que cette aide.

    OriginalL'auteur sangam