jQuery fancybox - cible spécifique div #id dans un iframe

Est-il possible d'utiliser fancybox pour charger un specifique div #id à partir d'une autre page, plutôt que de se charger de l'ensemble de la page via iframe?

Par exemple, je peux utiliser 

 $('#link-whole').fancybox({
                'width'             : '80%',
                'height'            : '80%',
                'type'              : 'iframe',
            });

avec

<a id="link-whole" href="somepage.html">link 1</a>

à charger tous 'somepage.html" dans l'iframe, mais comment aurais-je charge JUSTE le contenu d'un div avec l'id "cible" (par exemple)?

InformationsquelleAutor Mr Jonny Wood | 2010-06-16
  1. 15

    Si la page est sur le même domaine de la page que vous êtes en ouverture de la fancybox sur alors vous devriez être en mesure d'utiliser le dataFilter option de jQuery.ajax pour filtrer les données renvoyées vers le bas à l'ID de la cible que vous voulez.

    $('#link-whole').fancybox({
    'width': '80%',
    'height': '80%',
    'type': 'ajax',
    'ajax': {
        dataFilter: function(data) {
            return $(data).find('#yourTargetID')[0];
        }
    }
});
    • parfait! merci!!!!! Est-il un moyen d'accomplir cette si la page cible est sur un autre domaine..?
    • Avec JSONP demandes et l'utilisation de pipes.yahoo.com/pipes vous pourriez le faire.
    InformationsquelleAutor PetersenDidIt
  2. 4

    Si la méthode ne fonctionne pas pour vous, essayez de filter sur la ligne à l'intérieur dataFilter objet.

        return $(data).filter('#yourTargetID')[0];
    InformationsquelleAutor Tom Roggero
  3. 0

    Vous pouvez cibler la partie spécifique de la page à l'aide de beforeShow

                      function opendialog(mypage) {
                  var linktoopen=mypage ;
                    $.fancybox({                        
                    'autoScale': false,
                    'transitionIn': 'elastic',
                    'transitionOut': 'elastic',
                    'speedIn': 500,
                    'speedOut': 300,                    
                    'width'         :  800,
                    'height'        :   410,
                    'autoDimensions': false,
                    'centerOnScroll': true,
                    'scrolling'   : 'no',
                    'type' :  'iframe',
                    'href' : linktoopen,
                      beforeShow: function(){
                          $(".fancybox-iframe").css({
                          margin  : "-380px 0 0",
                         height:"790px"
                       });
                     }
                    });
                    }
    InformationsquelleAutor Lori