J’utilise le plugin de formulaire Jquery.

Popup est affiché avec le formulaire de téléchargement d’image. L’image est téléchargée avec succès. Je veux fermer la fenêtre contextuelle après le téléchargement réussi de l’image. Le javascript ci-dessous est écrit en contenu popup.

$(this).ajaxSubmit({ success: function(dd) { parent.$.fancybox.close(); } }); 

Mais ça ne fonctionne pas. Jquery library, bibliothèque fancybox incluse dans le contenu contextuel et dans la page parent.

De plus, je veux recharger à nouveau la boîte fantaisie avec le contenu “dd (ajax return value)” chargé avec elle. Il aura la fonction Jcrop.

• Comment changer la taille de la boîte popup dans jQuery Fancy Box v2.1.4?
• Impossible de charger la vidéo YouTube dans Fancybox – page blanche
• fancybox – comment faire défiler la page lorsque fancybox est sélectionné
• Pouvez-vous faire en sorte que fancyBox ignore le texte du titre lors du dimensionnement des supports dans une superposition?
• cochez la case sur la première case lorsque la valeur sélectionnée change sur la seconde

Pour le moment, Jcrop ne fonctionne plus une fois que ajaxSubmit a été utilisé pour télécharger une image. Sinon ça marche

EDIT J’ai renommé page1 page2 et page3 pour mieux comprendre index.html

        $(document).ready(function() { $(".various").fancybox({ maxWidth : 800, maxHeight : 600, fitToView : false, width : '70%', height : '100%', autoSize : false, closeClick : false, openEffect : 'none', closeEffect : 'none' }); });    Upload   

https://stackoverflow.com/questions/9313918/how-to-close-fancybox-after-ajax-submit/upload.php

 
 
 
 Upload Image :   
 
  
 
 
   $(document).ready(function() { $("#form").submit(function() { $(this).ajaxSubmit({ beforeSubmit: function(before) { }, success: function(dd) { $('.result').html(dd); } }); return false; }); });  

test.php contient (je viens de tester avec une image statique. Je n’ai pas écrit le script de téléchargement ici.)

      $(function(){ $('#cropbox').Jcrop({ }); });   

Jcrop ne fonctionne pas avec cette méthode. Si je saute l’étape https://stackoverflow.com/questions/9313918/how-to-close-fancybox-after-ajax-submit/upload.php, jcrop fonctionne très bien dans fancybox. J’ai donc besoin de supprimer et de créer une nouvelle boîte après le téléchargement!

FIN DE L’EDIT

• Uncaught TypeError: Impossible de lire la propriété ‘fancybox’ de non définie – erreur sur Google Chrome uniquement?
• Orientation de l’image Fancybox
• Comment obtenir des liaisons AngularJS avec une boîte de dialog Fancybox?
• La fonction jQuery semble quitter lorsque différentes fonctions jQuery sont appelées
• JQuery Fancybox – Plusieurs instances en ligne

 var fancyboxProxy = $.fancybox; $(this).ajaxSubmit({ success: function(dd) { fancyboxProxy.close(); } }); 

 $(document).ready(function () { $(".various").fancybox({ maxWidth: 800, maxHeight: 600, fitToView: false, width: '70%', height: '100%', autoSize: false, closeClick: false, openEffect: 'none', closeEffect: 'none' }); $("#form").live('submit', function () { $(this).ajaxSubmit({ beforeSubmit: function (before) { }, success: function (dd) { $.fancybox.close(); } }); return false; }); }); 

 '; } else { print "Upload failed!"; } ?>