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.
<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>-
id: to set the id to the div tag of the dialog. id='xxxxx' -> aria-labelledby="ui-dialog-title-xxxxx" -
url: Sets the url of the external page. -
scrolling: to set the scrolling attribute of iframe. The default is "no".
Copyright © 2012 MiYABiS Distributed under the MIT License.
- url option when there is no change to enable the href.
- added
idoption.