jquery-ui-dialog

Jquery Dialog - div disappears after initialization

由 僤鯓⒐⒋嵵緔 提交于 2019-11-28 08:02:37
问题 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=

Incorrect Z-Order - the jqgrid Add/Edit screen shows up behind if you the grid is on a jquery ui dialog

由 ε祈祈猫儿з 提交于 2019-11-28 06:45:22
问题 i have a jquery ui dialog and i have a jqgrid on that dialog. When i click Add or Edit, the jqgrid popup (to have a popup on a popup), it shows up to enter in the data BUT . . . .it shows up behind the jquery UI dialog (the zorder is wrong). Is there anyway to have the jqgrid popup set the correct Zorder so this window shows on top of (in front of) the jquery ui dialog so this is usable. I have a screenshot below highlighting the behavior. here is my code: $(document).ready(function () { $("

Mimicking a confirm() using jqueryUI Dialog

由 跟風遠走 提交于 2019-11-28 05:33:04
问题 I would like to mimic a standard JavaScript confirm() using a jQueryUI dialog. I was thinking of something like the following, but I am obviously not understanding how it should work. Any suggestions? Thank you return $("#dialog-cancel").dialog("open"); $("#dialog-cancel").dialog({ autoOpen: false,height: 400,width: 350,modal: true, open: function(event, ui){}, buttons: {'OK': function(){$(this).dialog("close");return true;},'CANCEL': function() {$(this).dialog("close");return false;}} });

jQuery UI dialog overlay - how to set different background colors for different dialogs

由 ＊爱你＆永不变心＊ 提交于 2019-11-28 04:31:15
问题 I have used different jQuery dialogs. For some dialogs I want a transparent background. If I change the background CSS in the .ui-widget-overlay class then it will apply to all the dialogs. How to set different background colors for different dialogs? 回答1: Just create a style like the following and use the dialogClass option on those dialogs you want to have a transparent background. Of course you can make multiple styles and pass in whatever you want <style type="text/css" media="screen">

extend jquery ui dialog (add more options)

由 泄露秘密 提交于 2019-11-27 22:40:04
问题 how I can create and add new options for jQuery dialog? for example: I like that through on the setting options can control the display of title bar or display the close button. The script would be like this: $("#message").dialog({ showTitle:false, //new option (hide Title bar) showCloseButton:true //new option (show close button) modal:true... //other options }) 回答1: It's a little easier than I expressed in my comment. // store old method for later use var oldcr = $.ui.dialog.prototype.

jQuery UI Alert Dialog as a replacement for alert()

由 强颜欢笑 提交于 2019-11-27 20:23:28
问题 I'm using alert() to output my validation errors back to the user as my design does not make provision for anything else, but I would rather use jQuery UI dialog as the alert dialog box for my message. Since errors are not contained in a (html) div, I am not sure how to go about doing this. Normally you would assign the dialog() to a div say $("#divName").dialog() but I more need a js function something like alert_dialog("Custom message here") or something similiar. Any ideas? 回答1: I don't

How do you open a URL in a dialog box JQUERY UI

由 别来无恙 提交于 2019-11-27 18:25:10
问题 I've been looking for a simple solution for quite some time. I want a page (for example http://www.google.com) to be displayed in a JQuery UI Dialog window. The plan is to later add the URL dynamically so all links from my site will be displayed in said window. I tried the following, but the dialog window is empty when clicking on the link. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type"

jquery: if ul is empty

由 风格不统一 提交于 2019-11-27 17:22:23
问题 Okay I have a jQuery dialog box which has a form in it and I am at my wits end trying to figure this out... Lets see if I can verbalize what I am trying to do.. I have 3 text boxes. #apInterest , #apPayment and #apPrincipal in that exact order. basic english terms of what i am trying to do: on keyup in #apInterest if .val is less than 0 or greater than 99.99 trigger an error.. else check ul#mylist if it has any li , if not .hide on keyup in #apPayment if .val is less than 0 trigger an error

Make JQuery UI Dialog automatically grow or shrink to fit its contents

由 与世无争的帅哥 提交于 2019-11-27 17:16:10
I have a JQuery UI dialog popup that displays a form. By selecting certain options on the form new options will appear in the form causing it to grow taller. This can lead to a scenario where the main page has a scrollbar and the JQuery UI dialog has a scrollbar. This two-scrollbar scenario is unsightly and confusing for the user. How can I make the JQuery UI dialog grow (and possibly shrink) to always fit its contents without showing a scrollbar? I would prefer that only a scrollbar on the main page is visible. cgp Update: As of jQuery UI 1.8, the working solution (as mentioned in the second

MVC Knockout JS inside JQuery dialog

由 跟風遠走 提交于 2019-11-27 16:52:31
问题 I am using knockout js on a view to display a list of fields (ie, first name, last name, etc). The fields are listed inside a knockout template using the an observable array. The template contains the following fields: name (input), translation (select), and an add/remove function. (See below) var viewModel = { Fields: ko.observableArray([new Field(2, "First Name", 1), new Field(3, "Last Name", 2)]), AvailableTranslations: ko.observableArray([new Translation(1, "Prefixes"), new Translation(2,
订阅 jquery-ui-dialog