jquery-ui-dialog | 易学教程

Display jquery dialog in parent window

阅读更多关于 Display jquery dialog in parent window

I have a website, that uses an iframe. The iframe itself is the content of the website. Now in the iframe I would like to use the jQuery Dialog. However when using it, the overlay and dialog is only displayed inside the iframe not on the parent. My parent html has the following html defined for the dialog: <div id="modalHolder"></div> In my iframe I am using the following javascript to create the dialog and to show it. dlg1 = $(window.parent.document.getElementById("modalHolder")); dlg1 = dlg1.dialog({ width: 300, height: 150, modal: true, autoOpen: false, resizable: false, closeOnEscape:

jqueryui dialog positioning

阅读更多关于 jqueryui dialog positioning

I am using JQuery UI and would like to position my dialog horizontally centered but vertically above center, maybe by a fixed amount of pixels or a relative distance from the top of the page. Is there an easy way to do this? It looks like there are just a couple pre-defined values or I can use an exact position but is there an easy way to accomplish this? $("#dialog-form").dialog({ autoOpen: false, width: 630, position: 'center', modal: true, resizable: false, closeOnEscape: false }); Use the position option to align the top of the dialog with the top of the window (plus a pixel or percent

jQuery modal dialog with postbacks in ASP.NET

阅读更多关于 jQuery modal dialog with postbacks in ASP.NET

I just upgraded my jQuery/ jQuery UI to the latest version (jQuery 1.9.0, jQuery UI 1.10.0), and it seems to have broken some of my jQuery UI dialog functionality. In order to do postbacks in a jQuery UI dialog in ASP.NET, there was a pretty common workaround where you would have to re-append your DIV to the main FORM, since jQuery would re-construct the DIV outside the FORM, like so: $("#newInsurance").dialog({ autoOpen: false, modal: true, open: function (type, data) { $(this).parent().appendTo($("form:first")); } }); Unfortunately, since upgrading this now puts the Dialog behind the gray

open jQuery Dialog from codebehind

阅读更多关于 open jQuery Dialog from codebehind

问题 So i have to show a jquery UI Dialog from codebehind. I've tried everything: this, this, this, and also changed those answers to test if it works with me but is not working. I'm using the first solution because it's organized. It works if i use alert('whatever') instead of my jquery dialog code. so i know its working, but nothing happens with the dialog. I've tried it with colorbox also, and not working either. Can anyone give me a workaround please? It would be apreciated. Thank you. My aspx

Jquery UI dialog not working along side JQuery Mobile

阅读更多关于 Jquery UI dialog not working along side JQuery Mobile

I cannot get a simple dialog box working in JQuery when I also include JQuery mobile: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>jQuery UI Dialog - Default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-2.1.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> <script> $(

get the current tab in jQuery UI tabs

阅读更多关于 get the current tab in jQuery UI tabs

问题 I am using jQuery UI Tabs inside of the jQuery UI dialog window. I've come across an instance, where I need to find the id of the current tab when clicking on one of the dialog buttons. Looking at the HTML generated by jQuery UI tabs and dialog, I can't really find a way of doing this. The <ul> elements that hold the tab, are about 3 <div> 's away from the group of dialog buttons. I tried: $("#DialogBox").dialog({ autoOpen: false, modal: true, buttons: [ { text: "Save", click: function () {

JQuery UI dialog - Dialog not a function error

阅读更多关于 JQuery UI dialog - *Dialog not a function* error

问题 I am developing a site using pinax. In one of my templates I am trying to open a simple jquery dialog box. However I keep getting the "Dialog not a function" javascript error. I am using jquery 1.2.6 and jquery-ui 1.6. My javascript and HTML are as follows: <html> <head> <link type="text/css" href="/site_media/smoothness/ui.all.css" rel="stylesheet" /> <script src="/site_media/jquery.js" type="text/javascript"></script> <script src="/site_media/ui/ui.core.js" type="text/javascript"></script>

jquery UI autocomplete inside a modal ui dialog - suggestions not showing?

阅读更多关于 jquery UI autocomplete inside a modal ui dialog - suggestions not showing?

问题 i am using the jquery ui autocomplete widget inside the jquery ui dialog. when i type in the search text, the textbox indents (ui-autocomplet-loading) but does not show any suggestions. var availableTags = ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby", "python", "c", "scala", "groovy", "haskell", "perl"]; $("#company").autocomplete({ source : availableTags , minLength: 2 }); company is the id of the textbox to attach the autocomplete. i thought it might be a z index so i

Animate jQuery UI dialog auto resize

阅读更多关于 Animate jQuery UI dialog auto resize

问题 I have a dialog with a dynamic form inside that can increase the height of the dialog. autoResize is set to true, width is 500. Is there any way to animate the dialog resize when more content is added? 回答1: Animating dialog size, while staying in the center of the screen jQuery("#dialog").dialog("widget").animate({ width: '400px', height: '110px' }, { duration: 500, step: function() { jQuery("#dialog").dialog('option', 'position', 'center'); } }); 回答2: Originally I was using .show('fade') and

Jquery Dialog - div disappears after initialization

阅读更多关于 Jquery Dialog - div disappears after initialization

JQuery Dialog is giving me lots of pain lately. I have the following div which I want to be popped up. (Ignore that the classes do not show the double quotes in the syntax) TABLE class=widget-title-table border=0 cellSpacing=0 cellPadding=0> <TBODY> <TR> <TD class=widget-title><SPAN class=widget-title>Basic Info</SPAN></TD> <TD class=widget-action> <DIV id=edit-actions jQuery1266325647362="3"> <UL class="linkbutton-menu read-mode"> <LI class="control-actions"> <A id="action-button" class="mouse-over-pointer linkbutton">Delete this stakeholder</A> <DIV id="confirmation" class="confirmation