jquery-ui-dialog

问题 I am facing very critical issue with my asp.net web application in which i have developed one page and loading that page using iframe inside Jquery dialog. in that i was getting errors related 'undefined object' and many subsequent errors when i am trying to open that in IE then after i did research and found that for IE we need to assign iframe src after open dialog as per this answer and i got solution at time of opening in IE now i am getting same errors when i am trying to close that

问题 I have a form with a submit button. On clicking the submit button, i display a jqueryUI dialog with Confirm and Cancel. On clicking Confirm, I want to post back and call the submit button's event handler not the Page_Load event. I have the following HTML <input type="submit" value="Submit" id="submit" runat="server" onclick="submit" /> JQuery $("#dialog").dialog('option', 'buttons', { "Confirm": function () { $("#ctl01").submit(); }, "Cancel": function () { $(this).dialog("close"); } }); so

问题 This is obviously a SSCCE. So we are tasked with writing the front-end of a missile launch control system. We opt for a Spartan layout given that this is deadly serious: just a text input box and a button to enter the code: For safety purposes, upon clicking on the "OK" button we will display a dialog asking the user to confirm: As a usability finishing touch we add a key listener for the Enter button that will also result in clicking the "OK" button (using $.trigger() ). Unfortunately, the

问题 So im using this neat jquery plugin http://odyniec.net/projects/imgareaselect/ It works fine, but i'm firing it with jquery ui callback function (dialog), and i need to remove the selection after dialog closes. function initialize_selection() { $('#image_area').imgAreaSelect({ x1: 10, y1: 10, x2: $('#image_area').width()-10, y2: $('#image_area').height()-10 , fadeSpeed: 400, handles: true}); } $(function() { $('#image_edit').click(function(){ $('#edit_image_dialog').load('actions.php?action

问题 function Globally() { $("#dialogid").dialog({ width: 300, modal: true, show: 'drop', hide: 'drop', buttons: { "Ok": function () { return true; $(this).dialog('close'); }, "Cancel": function () { return false; $(this).dialog('close'); } } }); } function test() { if(Globally()) alert("Ok"); else alert("Cancel"); } I am trying to make a confirmation dialog and I want it to placed in a function (in this case Globally()) because I am using confirmation dialog in so many different function, but

问题 I have a form that adds links to a database, deletes them, and -- soon -- allows the user to edit details. I am using jQuery and Ajax heavily on this project and would like to keep all control in the same page. In the past, to handle editing something like details about another website (link entry), I would have sent the user to another PHP page with form fields populated with PHP from a MySQL database table. How do I accomplish this using a jQuery UI modal form and calling the details

问题 i try to flip a modal dialog of jquery with flippy plugin Here my code for create the dialog : $(document).ready(function(){ [...] $('<div class="modal-popup"><div>TEST</div></div>') .hide() // Hide the dialog for now so we prevent flicker .appendTo(document.body) .filter('div') // Filter for the div tag only, script tags could surface .dialog({ // Create the jQuery UI dialog create: function () { $(this).parent().wrap('<div class="flip" style="border:1px solid red;position:relative;z-index

问题 I am looking to test Widgets -> Dialog -> Modal Confirmation. jquery-ui.js is heavy to load just for a specific use. From JQ UI site I downloaded a folder containing lots of small .js files I guess they are part of the main js. I've tested to only load jquery.ui.widget.js and jquery.ui.dialog.js but I get this console error: Uncaught TypeError: Object function ( selector, context ) { // The jQuery object is actually just the init constructor 'enhanced' return new jQuery.fn.init( selector,

问题 I get the error message shown below when I click the button: ($'#billing_button_addTime') billingController.dialogAddTime.dialog is not a function billingController is created in $(document).ready . function BillingController() { } BillingController.prototype.dialogAddTime = $(document.createElement('div')); BillingController.prototype.loadBillingContent = function () { //Load the main content $("#content_area").load('/Content/HTML/billing.html', null, mainController

问题 what I need is something like this: I have a table in a html page, which contains several rows. Each row contains some data, like color, quality, location et., but I want to hide all of them in the table and just show a "Details" link, once I click on the link, a JQuery dialog will popup and show all the information. I'm a green hand to JQuery so totally lost in how to implement it. Did a lot of research online, but still don't know how to make my own case work. my table structure seems like: