jquery-ui

jQuery Drag And Drop Using Live Events

Hello. I have an application with a long list that changes frequently, and I need this the items of this list to be draggable. I've been using the jQuery UI draggable plugin, but it is slow to add to 400+ list items, and has to be re-added every time new list items are added. Does anyone know of a plugin similar to the jQuery UI dra...

Problem making overlay draggable

I have created a script that upon clicking a button displays an overlay which loads an html table by ajax. The problem I'm having is with making the overlay draggable. The first time I click on the button the overlay is displayed and is draggable. However when I close the overlay and click the button again the overlay is displayed but is...

Giving credit for original author with dual GPL / MIT license

I have just made some changes to a jQuery ui widget and I would like to release them. I'm not concerned about releasing the changes under the same license, but I would like to know how I should indicate copyright for my changes? The original copyright statement (below) only refers to an authors.txt file. /* * jQuery UI Draggable 1.7....

JQuery, JSF and a4j:commandLink

Hello ppl, I have a problem with using jQuery Dialog and Ajax submit in JSF. I have the following code for displaying Dialog windows: <script type="text/javascript"> jQuery(function(){ // Dialog jQuery('#dialog').dialog({ ...

jqueryUI datepicker fires input's blur before passing date, avoid/workaround?

I have some validation on a text input bound to its blur event. I have a datepicker on this field (the version from jqueryUI), so when you click the field, datepicker shows up, then you click a date and it populates the date into the field as datepicker does. However, right before the date is entered it seems the input field gets its blu...

jQuery Tools Tooltip Issue

I am using the jQuery tools tooltip on a page. When the user rollovers a link, I would like to show a ordered (or unordered) list on a image. The list is dynamic for each link. I can get it to work for the first link but all other links do not work. Does anyone have a working example of multiple dynamic jQuery Tools Tooltips working on ...

Ajax tabs in Web app

We have the application with tabs interface. Currently each tab is loaded as the separated page. And now we need to rework it in the way that tab content should be loaded via ajax. Unfortunately just load the content is with Ajax not enough. User should be able to add to bookmarks each tab. That is why the entire URL should change on t...

How to give ajax call in modal dailog box.

I am using modal dialog box from jQuery UI. I want to make a ajax call to display the content in my dialog box. $(function(){ $('#myLink').live("click", function(){ $('#lbContent').dialog('open'); var url= $(this).attr("href"); $('div#lbContent').empty(); $('div#lbContent').load(url); return f...

How to control positioning of jQueryUI datepicker

The datepicker in jQueryUI renders with a dynamic position. It renders according to its css if there's enough room for it, but if there isn't enough window space it tries to render on screen. I need it to stay put and render in the same place every time, independent of the screen position or other circumstances. How can this be done with...

jQuery Ui: Cant drag element from Div with overflow

Hi There, I have a simple UL in a div with the overflow set to automatic and a fixed height. Each LI is draggable via jQuery. Problem is that I cannot drag them from the div (they disappear when dragged to the boundaries). I have looked at this question and its answers, but the solution here does not seem to work for me (setting the scr...

How To Specify (Override) JQuery Icon Color

Hello, I've been making good use of the jQuery icons in my web app, but have come to a point where I would like to use a color that I'm not able to achieve by default. I'm currently using the "State Street" theme, which primarily uses green. But I have a red box with white text, and would like to use an icon that is white as well. There...

Resize image map on window resize

Hello, I'm trying to resize an image map on window resize event. The closest I've gotten is to use a mouseclick event, but it needs to be window resize for what I'm doing. I'm using Firefox 3.5.5 I'm using jquery somewhat. Here's my example - the area button I want to resize on window resize is in the top left (click on it to resize ma...

jQuery: don't auto-close dialog onClick

hi, how can i prevent the jQuery dialog from closing when i click the mouse? closing on hitting esc is fine but i want to keep it open until i close it by clicking the close-icon. any ideas? thx ...

How to get jQuery UI to work from a Firefox extension

Hi, I've tried to engage with the jquery and jquery ui communities (email list, irc), in addition to Google and more experienced coworkers, but nothing has proved fruitful. I've found stackoverflow useful in the past, so perhaps someone will have encountered this before. My problem is this: I want to include jQuery UI in my extension. ...

jQuery-Ui: Cannot drag object outside of an accordion

I have a draggable object inside of an accordion widget. When dragging it, it's constrained its parent, the accordion element. I've tried to use the 'containment' option with no success. I have tried this with FireFox 3.5.5 and Chromium 4. Is there a way to solve it? Thanks ...

jQuery not completely removing draggable/resizable

I'm trying to clone a draggable/resizable element with jQuery. The original element behaves as it should. When I clone it and then try to remove draggable and resizable via the 'destroy' call, it fails to remove the added classes and divs. You can see it in action (or inaction) at the following: jsbin example One of the textareas sho...

Change content of jQuery carousel dynamically

I am trying to do something similar to this: http://www.amazon.com/Black-Friday-After-Thanksgiving-Sale/b/ref=nav_swm_thd?ie=UTF8&amp;node=384082011&amp;pf_rd_p=499992511&amp;pf_rd_s=nav-sitewide-msg&amp;pf_rd_t=4201&amp;pf_rd_i=navbar-4201&amp;pf_rd_m=ATVPDKIKX0DER&amp;pf_rd_r=0642T42GTS6J8H2JKMEF If the link does not work, go on Amazo...

JQuery UI: Drag-and-drop disables mouseover events?

I'm trying to have both mouseover events and drag-and-drop using JQuery and JQuery UI. I currently have a working prototype here: http://dan.taeyounglee.com/othersites/m-p/ch18.php. As you can see, if you move your mouse over the images, through a hover event that's bound to the artworks on the left, a separate corresponding div is hi...

HOw to show the tooltip for an image in the jqGrid?

HOw to show the tooltip for an image in the jqGrid? ...

Using jQuery range slider with TableSorter

I recently scrapped a project that utilized a few different jQuery technologies. After deciding to use Tablesorter (or any other sorting method), I found that I simply had to use it. I have a list of data and am in need of finding a method to sort it. There is a catch: it needs to also include the range slider. I have a table with ea...