jquery-ui

How do I get a result from a modal dialog in JQuery

I would like to use an add-in like simplemodal or the dialog add-in in the UI kit. However, how do I use these or any other and get a result back. Basically I want the modal to do some ajaxy interaction with the server and return the result for the calling code to do some stuff with. Thanks. ...

using load() to load page that also uses jQuery

I'm trying to load a page that is basically an edit form inside a dialog (ui.dialog). I can load this page fine from an external (I'm using asp.net) page. The problem is that inside of my "popup" form, I need to $(function() {my function here}); syntax to do some stuff when the page loads, along with registering some .fn extensions for...

Trouble having a modal dialog to open a secondary dialog

I have a modal dialog form which has some "help links" within it which should open other non-modal panels or dialogs on top of it (while keeping the main dialog otherwise modal). However, these always end up behind the mask. YUI seems to be recognizing the highest z-index out there and setting the mask and modal dialog to be higher tha...

Trying to resize a jQuery dialog in IE6?

I thought I had seen a bug report about this on the jQuery site, but now I cannot find it. I'm trying to resize a dialog in IE6. But when the element is resized, the content and title bar don't resize down. They will resize up if the dialog is made larger, however. The result is that the close button ends up being cut off and the content...

Hook into dialog close event

I am using the dialog from jquery-ui. I am looking for way to refresh the page when in some circumstances when the dialog is closed. Is there a way to capture a close event from the dialog? I know I can run code when the close button is clicked but that doesn't cover the user closing with escape or the x in the top right corner. ...

jQuery UI droppables - changing the image that's dropped

I'm working with jQuery UI's droppables and am wondering what the best way to make the dropped clone use a different IMG SRC than the item being dropped. In the photo manager demo there, the thumbnail gets dropped into a slot that's the same size. I'd like to drop a large image into a small slot, and as such I need its clone to use my t...

What is the most stable modal dialog implementation across browsers to use from javascript for a web app?

I'm using a lot of JQuery in a web application that I am building for a client and I want to find an javascript implementation of a modal dialog that is reasonably stable across the following browser set. IE 7+ FF 2+ Chrome and Safari I've tried a couple of jQuery plugins but there always seems to be artifacts in one of these browsers....

jQuery tabs - getting newly selected index

I've previously used jquery's tabs extension to load page fragments via ajax, and to conceal or reveal hidden divs within a page. Both of these methods are well documented, and I've had no problems there. Now, however, I want to do something different with tabs. When the user selects a tab, it should reload the page entirely - the re...

jQuery: How to stop a helper from being removed if it wasn't successfully dropped.

I have a draggable with a custom helper. Sometimes the helper is a clone and sometimes it is the original element. The problem is that when the helper is the original element and is not dropped on a valid droppable it gets removed. My solution looks like this so far: in my on_dropped callback I set ui.helper.dropped_on_droppable to true...

ASP.net MVC and jQueryUI dilemma

I just moved a project to the the beta release of ASP.net MVC framework and the only problem I am having is with jQuery and jQueryUI. Here's the deal: In Site.Master are the following script references: <script src="../../Scripts/jquery-1.2.6.js" type="text/javascript"></script> <script src="../../Scripts/jquery-ui.js" type="text/javas...

JQuery Tabs - issue with nested tabs - Activating sub tab on initial load

I have an issue with nested jquery tabs and needs some help/pointer. Currently I have 5 Parent tabs and have few sub tabs under each parent tabs. When page gets loaded I want to show a particular Parent tab and one of its child tab active. I am able to activate a particular parent tab but same is not working with child tabs. Pleas...

JQuery UI Tabs Causing Screen to "Jump"

I'm using the latest version of the JQuery UI tabs. I have tabs positioned toward the bottom of the page. Every time I click a tab, the screen jumps toward the top. How can I prevent this from happening? See this example: http://5bosses.com/examples/tabs/sample_tabs.html ...

Detecting jQuery UI autocomplete

How can I detect whether or not an input box is currently a jQuery UI autocomplete? There doesn't seem to be a native method for this, but I'm hoping there is something simple like this: if ($("#q").autocomplete) { //Do something } That conditional, however, seems to always return true. ...

How to trigger rendering of JQuery treeview

Hi, I use Jquery tree plugin (http://docs.jquery.com/Plugins/Treeview) to render hierarchical data. I have coded additional functions which would allow user to interact with this data (like adding/deleting nodes, swapping nodes, etc...) Currently this plugin supports that whenever you want to add any node, you can call following method...

Radio Buttons getting deselected when dragging item using jQuery Sortables

I'm using the jQuery UI sortables plugin to allow re-ordering of some list items. Inside each list item, I've got a couple of radio buttons which allow the item to be enabled or disabled. When the item is dragged, both radio buttons get deselected, which doesn't seem like it should be happening. Is this correct behavior, and if not, w...

jQuery Safari/Chrome incompatibility with draggable containment property

This code works in Firefox, Internet Explorer, not in Safari/Chrome: <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery-ui.js"></script> <script> function newDiv() { var div = $('<div id="divNew" style="width: 50px; height: 50px; border: solid 1px; b...

jQuery UI - when to use destroy

When I attach functionality to an element do I need to call .widgetName('destroy') before removing it from the DOM or does jQuery handle this? ...

jQuery two sliders controlling each other

This is in reference to the question previously asked The problem here is, each slider controls the other. It results in feedback. How do I possibly stop it? $(function() { $("#slider").slider({ slide: moveSlider2 }); $("#slider1").slider({ slide: moveSlider1 }); function moveSlider2( e, ui ) { $('#slider1').slider( 'moveTo', Mat...

How do I connect multiple sortable lists to each other in jQuery UI?

I'm new to jQuery, and I'm totally struggling with using jQuery UI's sortable. I'm trying to put together a page to facilitate grouping and ordering of items. My page has a list of groups, and each group contains a list of items. I want to allow users to be able to do the following: 1. Reorder the groups 2. Reorder the items within the...

How do I hide the next/today/previous navigation in jQuery DatePicker and turn off animations?

How do I hide the prev/today/next navigation in jQuery DatePicker? I'm happy with just the Month and Year drop down boxes. Also how do I disable the animations? @tvanfosson - I already tried 'hideIfNoPrevNext' but that only works if you don't have a date range that spans two months. The duration option did the trick at turning off the...