jquery-dialog

Using !important in jQuery's css() function

本秂侑毒 提交于 2019-11-30 01:20:49
I have a dialog with an overlay declared like so: .ui-widget-overlay { position: absolute; left: 8px; top: 9px; height: 985px !important; width: 518px !important; } The page I have will have two different page heights. To account for this with the overlay I have done this in my JS file: If small one visible: $('.ui-widget-overlay').css("height", "985px !important"); else $('.ui-widget-overlay').css("height", "1167px !important"); Apparently this does not work. Is there another way to over ride !important that would? The page can switch back and forth so I need to always have one or the other.

Responsive jQuery UI Dialog ( and a fix for maxWidth bug )

五迷三道 提交于 2019-11-29 20:20:46
With many sites leveraging jQuery UI, there are some major shortcomings that have to be overcome because jQuery UI does not support responsive design and there's a longstanding bug when maxWidth is used in conjunction with width:'auto' . So the question remains, how to make jQuery UI Dialog responsive? Jason Below is how I achieved a responsive jQuery UI Dialog. To do this, I added a new option to the config - fluid: true , which says to make the dialog responsive. I then catch the resize and dialog open events, to change the max-width of the dialog on the fly, and reposition the dialog. You

CKEditor instance in a jQuery dialog

冷暖自知 提交于 2019-11-29 20:06:53
问题 I am using jQuery to open a dialog window with a textarea transformed into an instance of CKEditor. I'm using the jQuery adapter provided by the CKEditor team but when the dialog window opens up I cannot interact with the editor (it's created but "null" is written in the content space and I can't click on anything or modify the content). This bug report seems to say that by using a patch provided the issue is fixed but it doesn't seem to be working for me... Here's my code (maybe I did

MVC C# modal popup

情到浓时终转凉″ 提交于 2019-11-29 13:59:12
问题 ok so i'm trying to figure out how to properly call a modal popup for my page using Controllers as per this post's suggestion ASP.NET MVC modal dialog/popup best practice and kinda used this: http://microsoftmentalist.com/2011/09/14/asp-net-mvc-13-open-window-or-modal-pop-up-and-fill-the-contents-of-it-from-the-controller-method/ I have a view that has a dropdownlist, if the user can't find the item / value that he/she is looking for he can suggest a value (suggest new value link) which is

Microsoft JScript runtime error: Member not found

笑着哭i 提交于 2019-11-29 10:36:06
i am using asp.net mvc3 and jquery dialogue to open partial view in main view here is my structure.. partialview 1 <input type="button" onclick="function1();"> partial view 2 <form method="post"> //some elements @Html.RenderPartial("partialview1"); </form> view 1 <script src="myscript.js" /> <script src="jquery.js"/> //some element <div> load partialview 2 as jquery dialogue </div> myscript.js function function1() { //some code } this is just only overview of my application now in above structure if i click on button in the partialview1 i am getting this error : Microsoft JScript runtime error

Using !important in jQuery's css() function

纵然是瞬间 提交于 2019-11-28 22:50:03
问题 I have a dialog with an overlay declared like so: .ui-widget-overlay { position: absolute; left: 8px; top: 9px; height: 985px !important; width: 518px !important; } The page I have will have two different page heights. To account for this with the overlay I have done this in my JS file: If small one visible: $('.ui-widget-overlay').css("height", "985px !important"); else $('.ui-widget-overlay').css("height", "1167px !important"); Apparently this does not work. Is there another way to over

jQuery ui dialog change title after load-callback

久未见 提交于 2019-11-28 18:04:10
I like to change the title from an UI Dialog after i have submitted a form in this UI Dialog. So in the callback-function after load i should suggest, but i've tried and googled without result. Has anyone an idea? Nick Craver Using dialog methods: $('.selectorUsedToCreateTheDialog').dialog('option', 'title', 'My New title'); Or directly, hacky though: $("span.ui-dialog-title").text('My New Title'); For future reference, you can skip google with jQuery. The jQuery API will answer your questions most of the time. In this case, the Dialog API page . For the main library: http://api.jquery.com I

Responsive jQuery UI Dialog ( and a fix for maxWidth bug )

十年热恋 提交于 2019-11-28 15:47:25
问题 With many sites leveraging jQuery UI, there are some major shortcomings that have to be overcome because jQuery UI does not support responsive design and there's a longstanding bug when maxWidth is used in conjunction with width:'auto' . So the question remains, how to make jQuery UI Dialog responsive? 回答1: Below is how I achieved a responsive jQuery UI Dialog. To do this, I added a new option to the config - fluid: true , which says to make the dialog responsive. I then catch the resize and

jQuery - IE gives [object Object] error when displaying dialogs

筅森魡賤 提交于 2019-11-28 11:50:10
问题 I'm making a page where a jQuery dialog comes up with some inputs and later javascript displays them. This works fine in: Chrome 31 Opera 18 Safari 5 (This is really old because I'm using safari for windows) However, it does not work in Internet Explorer 7-11, or Firefox 26. DEMO: http://bit.ly/1chhvBN Error in IE 11: Any Ideas? Thank you in advance. 回答1: Do not use href attributes to bind event handlers to elements. You have jQuery, use that to bind the events. <div id="favorites"> <a href="

Microsoft JScript runtime error: Member not found

无人久伴 提交于 2019-11-28 03:26:19
问题 i am using asp.net mvc3 and jquery dialogue to open partial view in main view here is my structure.. partialview 1 <input type="button" onclick="function1();"> partial view 2 <form method="post"> //some elements @Html.RenderPartial("partialview1"); </form> view 1 <script src="myscript.js" /> <script src="jquery.js"/> //some element <div> load partialview 2 as jquery dialogue </div> myscript.js function function1() { //some code } this is just only overview of my application now in above