jquery-ui

jQuery UI Sortable connectWith Load Time Performance on a Calendar

jQuery UI Sortable + Draggable 1.6rc5 WHAT I AM DOING: Creating a calendar with varying date ranges (ex: could be 1 week displayed, could be 20 weeks displayed). This calendar has events in each day, and the events are sortable within the day itself, as well as between all other days on the visible calendar. My average calendar date r...

jQuery: "this.cloneNode is not a function" when included on a page with Prototype

Hi All, I'm trying to use jQuery in a bookmarklet, which means I don't have control of the page into which the JavaScript will be inserted. From what I've read of noConflict, it requires that jQuery be inserted first. In the case of a bookmarklet, just the opposite is true. So - does anyone have any suggestions on whether or not this...

Is there a workaround for the broken closeOnEscape in jQuery UI Dialog

It looks like there is a bug in jQuery UI Dialog where there closeOnEscape doesn't work properly, such that escape will still close the dialog. One possible solution is to unbind the keydown on the overlay, but this doesn't seem to work. Is there another solution that works? Here is the link for bug and fix for 1.6, but 1.5.3 is still ...

JQuery UI and CakePHP

I'm having problem showing JQuery UI themes for my CakePHP application. I placed the theme at app/webroot/lib/jquery.ui/ . Now on my layout I imported the theme using : echo $html->css('/lib/jquery-ui/theme/ui.all'); I'm usingthe DatePicker widget. On my page, I can see that the my textbox was showing the date picker when focused, bu...

Memory Leaks in jQuery UI

I have a simple page that consists of a table with three jQuery UI progressbars and an ajax call. The ajax calls out to an empty php file and on success I destroy and recreate my progressbars. It seems simple but running it caused memory leaks in both IE7 and Chrome (although Chrome handled it much more gracefully). Here's my code: <s...

Set variable on drop using jquery draggable/droppable

I am working on a proof of concept that makes use of the jquery ui draggable/droppable. I am looking for a way to set a variable equal to the index of a div that is dropped into the droppable area. (Say I have divs named "div0", "div1", "div2", etc...) So imagine the code would look something like this: <div id="div0" class="draggable...

jQuery UI datepicker css

How can I apply my own theme to a datepicker or at least apply a theme from jQuery to it? ...

open jquery modal dialog on page load

I have a page, i want it to disploay display it content in a modal dialog (jquery UI dialog) as soon as the page is loaded. $(document).ready(function(){ $("#example").dialog(); }); <div id="example" class="flora" title="This is my title"> I'm in a dialog! </div> Thanks ...

jQuery UI images css

Can I get the images used in the self created theme direct or do I have to cut them out from the "\jquery-ui-themeroller\theme\images\ui-icons_228ef1_256x240.png" for example? ...

do I need jquery.js to use jquery.ui.js?

or do I just use jquery.ui.js? ...

jQuery UI Drag a element from one list and put it into an other

I am using jQuery UI and can create an simple drag 'n drop list. But now, I want to drop the element into an other list. jQuery always thinks the item has been droppen on the false place and slides it back into the origin list. ...

Is possible to have more granular control over jQuery UI Dialog Widget's show/hide method?

Currently it seems that I can only use effects in their most basic form when using the Dialog widget. For example, the following will use the drop effect for both showing and hiding the dialog box: $('#dialog').dialog({show:'drop', hide:'drop'}); However, the default for the drop method always drops to the left. What I really want i...

jquery ui css newbie question

I just for the first time downloaded jquery and jquery-ui to use/learn last night. I figured out how to get it working, and now I am playing around with the downloadable/customizable themes on themeroller...(nice tool). A question about best way of maximizing the use of these tools: I am integrating query/jqueryUI into an existing asp...

jQuery dialog that darkens the screen like the link dialog does here

I like the look of the link dialog here. It darkens the screen and is probably modal (although I haven't tested that I just assume it is). What's a quick and easy way of darkening the screen like that witha jQuery UI Dialog? ...

jQuery dialog not working after server-side redirect

I have an ASP.NET website which uses the jQuery dialog to present the user with a downloads terms dialog. Once the user has agreed to the terms in the dialog, the I perform a server-side postback which issues a Response.Redirect call to a page on another website which is responsible for serving the download to the browser. The problem is...

JQuery and Custom Tabs using addClass & removeClass

So I am pretty new to JQuery and just spent 5 hours getting this working. If anyone has a better approach please I would love to hear. That is my basic question how can it be done cleaner, more streamline? What I did was used the minitabs plugin and what the code below will do is toggle custom tabs back and forth. I needed a way to ...

jquery UI - simple example, what am I doing wrong?

I am trying to put some jquery UI code into an existing asp.net app, and could use a helping hand... I have a button, when a user clicks it, I want to popup a jquery UI dialog with two go/nogo confirmation buttons. This works except, when I click the button, it opens and then immediately closes...as a new jquery user, I am sure I am j...

How to draw a line between draggable and droppable?

Hi guys, I'm using the exelent JQuery UI to do a "mapping" so the user can "map" persons from one program to persons from other program. using this simple JQuery: $(document).ready(function() { $("div .draggable").draggable({ revert: 'valid', snap: false }); $("div .droppable").droppable({ hoverCla...

Your Favorite JQuery Controls & Plugins

I'm still getting into JQuery. One of the most attractive elements is the plethora of available plug-ins and controls! Of late, I've been a big fan of the Accordion. When styled and combined with some of the better animations it looks great. I've also just been introduced to the coda-slider, which also does an great job. Help me learn!...

jquery sortable - how to prevent item from dragging from one list to another

There are two sortable UL elements which are linked to each other via 'connectWith' options so that items from one list can be moved to another list and vice versa. I'm in need to prohibit from moving/dragging some items to another list while still letting them to be draggable within their own list. Is there any way to implement such beh...