jquery-ui-dialog

I want to show view or partialview on dialog. There is an example in ASP.NET Mvc 4 default template (AjaxLogin.js). AjaxLogin.js catches if login is ajax. And runs jsonresult or actionresult. AjaxLogin control this with passing parameter to dialog. So passing parameter is important for me. Is there a problem with my use of this library for my specified forms. Or is there another js library about this topic? I m new about jquery ui. I m using AjaxLogin.js in my project now, for other forms. And they work. Should I continue to use. Thanks. You may use jQuery UI library for the dialog. It is

is it possible to re-create a zoom-like effect for dialogs in jquery without needing to download a lightbox plugin? i'd like to add animation to my dialogs to simulate the "zoom" effect found on this page when you click on one of the images. without needing yet another plugin, can this be done with jQuery out of the box? would love to be able to have dialogs (modal) animate from a specific point on the screen which the user has clicked (say a button or link) into a bigger container with the appropriate content - a zoom overlay effect? any help is greatly appreciated... Edited: $(function() { $

Here is code: <script type="text/javascript"> $(function(){ var dialogOptions = { title: "Header", autoOpen: false, modal: true, width: 400, height: 1000 }; $(".wnd").dialog(dialogOptions); $("#btn").click(function(){ $(".wnd").dialog("open"); }); }); </script> <style> .wnd {background:yellow;height:900px;width:300px;} </style> <div class="wnd"></div> <button id="btn">click me</button> When dialog is opened and it higher than main window there is a side slider and it doesn't slide down if you try to drag it with the help of mouse cursor (it seemes like locked). But it slides fine when to put

I have a page that works great in IE and Chrome, but doesn't work in Firefox and Opera. When I say it doesn't work I mean that the Submit button doesn't do anything at all. It is a page with several nested UpdatePanels on it and a couple of jQueryUI Accordions on it too. I have a simple div . <div id="date-dialog" title="Date?"> <label id="lblDate" for="txtDate"> Please Enter Your The Date: </label> <input type="text" id="txtDate" class="text ui-widget-content ui-corner-all" /> </div> And then I have some simple code to turn it into a dialog: $('#date-dialog').dialog({ autoOpen: false, modal:

I'm trying to use Backbone.js to in a JQuery Dialog. I've managed to get the dialog to render and open, but it doesn't seem to be firing my events. I've added a test event to check this, and clicking it doesn't have the expected result. I've tried following the instructions on this blogpost , regarding delegateEvents, but nothing it made no difference. No errors are thrown, the events just don't fire. Why is this? Slx.Dialogs.NewBroadcastDialog.View = Backbone.View.extend({ events: { "click .dialog-content": "clickTest" }, clickTest : function () { alert("click"); }, render: function () { var

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 () { var currentTabId = $(this).closest("ul").attr("id"); alert(currentTabId); But I just get an 'undefined'