JSFiddle - React, Tailwind, and code Playground
by alfin paul
HTML
<link rel="stylesheet" href="https://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<title>dialog demo</title>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script src="https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<body>
<button id="opener">open the dialog</button>
<div id="dialog" title="Dialog Title">
I'm a dialog
<a id="PrintDialog" href="#">Print</a>
<DIV id="printarea">
<input type="radio" name="myRadio" value="1" checked /> 1 <br />
<input type="radio" name="myRadio" value="2" /> 2 <br />
<input type="radio" name="myRadio" value="3" /> 3 <br />
</DIV>
</div>
<script>
$("#dialog").dialog({ autoOpen: false,
modal: true,
minHeight: 275,
maxHeight: 420,
height: "auto",
autoOpen: false,
draggable: false,
closeOnEscape: true,
width: 600
});
$("#opener").click(function () {
$("#dialog").dialog("open");
});
$(document).ready(function () {
$("#PrintDialog").on("click", function () {
$("#dialog").dialog({ modal: false });
$("#dialog").jqprint();
$("#dialog").dialog({ modal: true });
});
});
// -----------------------------------------------------------------------
// Eros Fratini - [email protected]
// jqprint 0.3
//
// - 19/06/2009 - some new implementations, added Opera support
// - 11/05/2009 - first sketch
//
// Printing plug-in for jQuery, evolution of jPrintArea: http://plugins.jquery.com/project/jPrintArea
// requires jQuery 1.3.x
//
// Licensed under the MIT license: http://www.opensource.org/licenses/mit-license.php
//------------------------------------------------------------------------
(function ($) {
var opt;
$.fn.jqprint = function (options) {
opt = $.extend({}, $.fn.jqprint.defaults, options);
var $element = (this instanceof jQuery) ? this : $(this);
if...