Вывести div другой страницы в модальном окне

Знатоки подскажите. Не могу разобраться как через фансибокс вывести модальное окно с DiV-ом другой страницы. Вся страница выводится так

$(document).ready(function() {
        $("a[rel=group]").fancybox({
            'transitionIn'  :   'elastic',
            'transitionOut' :   'elastic',
            'titlePosition' : 'over',
            'padding' : '0',
            'titleFormat' : function(title, currentArray, currentIndex, currentOpts) {
                return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? '   ' + title : '') + '</span>';
            }
        });
        $("a.box").fancybox({
		'HideOnContentClick': true
        });
});

но как вывести только див с id=«box»?

Максим

20 марта 2017, 09:31

1 097

Комментарии: 3

Stan Ezersky

20 марта 2017, 18:38

Что-то типа такого

<script type="text/javascript">
    $(document).ready(function() {
        $(".fancybox").fancybox();
		
            $(".myModal").fancybox({
                scrolling: 'auto',
                width: '800',
                height: '600',
                fitToView: false,
                autoSize: false,
	
                'type': 'ajax',
                'ajax': {
                    dataFilter: function(data) {
                        return $(data).find('#box')[0];
                }
            }
        });
    });
</script>

Ну и вызов

<a class="myModal" href="link_to_page" target="_blank">ссылка</a>

Максим

20 марта 2017, 19:28

Спасибо!!! то что нужно!!!

Stan Ezersky

20 марта 2017, 20:22

Пожалуйста:)

Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.