Jquery.iframedialog

jQuery UI Dialog iframe wrapper Plugin

View the Project on GitHub miyabis/jquery.iframeDialog

jQuery UI Dialog iframe wrapper Plugin

is a wrapper for the dialog to display the external content using an iframe. If you want to use with visual studio you can take advantage of NuGet.

Sample Code

<html>
<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/ui/1.8.19/jquery-ui.min.js"></script>
    <script type="text/javascript" src="../jquery.iframeDialog.js"></script>
    <script type="text/javascript">
        $(function(){
            $('#dialogOpen1').iframeDialog({
                modal: true,
                resizable: false,
                scrolling: 'auto',
                width: 800,
                height: 400
            });
            $('#dialogOpen2').iframeDialog({
                /* iframeDialog options */
                id: 'iframeDialogTest',
                url: 'test.html',
                scrolling: 'auto',
                /* jquery UI Dialog options */
                title: 'iframe Dialog',
                modal: true,
                resizable: true,
                width: 200,
                height: 200,
                buttons: {
                    'close': function() {
                        $(this).remove();
                    }
                }
            });
        });
    </script>
    <link href="http://code.jquery.com/ui/1.8.19/themes/base/jquery-ui.css" rel="stylesheet"/>
</head>
<body>
    <a id="dialogOpen1" title="iframe Dialog" href="http://miyabis.github.com/jquery.iframeDialog/">Dialog Open 1</a>
    <a id="dialogOpen2" href="#">Dialog Open 2</a>
</body>
</html>

Option

License

Copyright © 2012 MiYABiS Distributed under the MIT License.

Revision 1.2

Revision 1.1