posted by aqshakirzhan on March 2, 2015

Всплывающее окно с подгрузкой содержимого

<script type="text/javascript" src="/_syslib/dwindow/dwindow.js"></script>
<link type="text/css" rel="stylesheet" href="/_syslib/dwindow/dwindow.css">

<script type="text/javascript">
    function bigimg(href) {
        var mode = 'html';
        var title = 'Изображение детали';
        var width = 600;
        var height = 500;
        dw = new dWindow(
            {
                'mode': mode,
                'top' : '50%',
                'minWidth' : width,
                'minHeight' : height,
                'width' : width,
                'height' : height,
                'title' : '<div class="parts_title">' + title + '</div>',
                'contentDW' : '<div style="text-align:center;vertical-align:middle;"><img src="'+href+'" style="max-width:'+width+'px;max-height:'+height+'px" /></div>'
            }
        ).show();
    }

</script>

<a href="/_upload/img.png" onclick="bigimg('/_upload/img.png'); return false" target="_blank"><img src="/images/picture.gif" alt=""></a>


при необходимости загрузить инфу с урла

    function showwin(href) {
        var mode = 'html';
        var title = 'Изображение детали';
        var width = 900;
        var height = 500;
        dw = new dWindow(
            {
                'mode': 'frame',
                'top' : '50%',
                'minWidth' : width,
                'minHeight' : height,
                'width' : width,
                'height' : height,
                'title' : '<div class="parts_title">' + title + '</div>',
                'contentDW' : href
            }
        ).show();
    }

Leave a Comment

Fields with * are required.