jquery-ui

Moving jQuery Slider as a div animates positions

I am trying to create a timeline player. I have a div object which moves from one side of the screen to another (i.e. using animate() to change the 'left' position of the div). Lets assume this animation takes 5 seconds to happen. I would like that a jQuery Slider keeps incrementing bit by bit alongside the animation. The slider must t...

Stuck using jQuery UI Tabs

I've got some three html tables which i wanted to put into tabs, thanks to this previous question. All three tables can be ajax'd but i want to show the first table and ALSO allow the first table to be ajaxable. Lastly, i need to have the option for the user to SEARCH in the 3rd tab and those results (html result) goes into that tab. ...

Is it possible to simulate intersecting 'droppables' in jQuery UI?

Say I have a draggable with width 2x that needs to be dropped on an area with width 3x, either at the leftmost or rightmost end (leaving a gap of x on the other side). So for instance I have a draggable div that is being dropped on a tr with three child tds, and can either be dropped simultaneously on the 1st and 2nd td, or 2nd and 3rd t...

jQuery UI Dialog + ASP.NET textboxes + focus

Problem I am using jQuery UI dialog to show a dialog box with some ASP.NET textboxes and a button in it. However as jQuery moves the div for the dialog box outside the form I need to re-move it back to the form myself (see this for details why), so that ASP.NET still works. This moving is causing a problem, where the field does not get ...

Vertical Tabs with JQuery?

I want tabs along the left side of the page instead of across the top. I'm already loading JQuery for other reasons (effects), so I prefer using JQuery to another UI framework. Searches on "vertical tabs jquery" yield links to works-in-progress. Is getting Vertical Tabs to work across browsers fraught, or is it so trivial that, once...

Can I store custom attributes in HTML DOM like a database record?

When developing for browsers FF3 and IE6/7 with jQuery, are there any compatibility issues when setting custom attributes on HTML tags? First, I'm aware of jQuery's data() function and it essentially does what I want, but the data doesn't survive a clone() function. This is an issue when using the jQuery UI draggable/droppable plugins ...

Click on overlaped elements with click event

I've got this DOM: <li> <img class="ui-selectee" src="../img/thumbs/80x80_1280_wallpaper.jpg" style=""/> <input type="hidden" value="3"/> <a class="btnImgDel" title="Eliminar" href="javascript:void(0)">Eliminar</a> <a class="btnImgRen" title="Renombrar" href="javascript:void(0)">Renombrar</a> <a class="btnImgZoom" ti...

JQuery - Error with UI and Animations

I get this specific error when working with jquery ui datepicker and have also had the same error when using toggle("slow") ERROR jQuery.speed is not a function Anyone any ideas why this may occur FF3 / Firebug Thanks Shaun ...

Calling jQuery effects too fast breaks my plugin

I'm wring a custom jQuery plugin based on the awesome jGrowl plugin. I just need it to do a few more things than it already does. Basically everything is working as I need it to (only tested in Firefox so far) except that if you call the plugin too many times too fast it stops and breaks everything http://jsbin.com/ofejo/edit Any idea...

grouping draggable objects with jquery-ui draggable

Hello, I want to use jquery draggable/droppable to let the user select a group of objects (each one has a checkbox in the corner) and then drag all the selected objects as a group... I can't figure out for the life of me how to do it haha. Here is what I'm thinking will lead to a usable solution, on each draggable object, use the star...

Change highlight color

jQuery's highlight method will highlight any div with a yellow background. How do I specify what color to use instead of yellow for highlight? ...

Use JQuery UI Datepicker with Icons from Jquery UI Theme

I have a datepicker control setup using the JQuery UI, I am also using the JQuery UI themes which provide a bunch of default icons that I want to use. The DatePicker allows for specifying a specific image, i.e.: <script type="text/javascript"> $(document).ready(function() { $("#DateFrom").datepicker({ showOn: 'button', buttonImag...

Unable to enable jquery UI module in drupal??

Hi, I have been trying to enable jquery UI module and have been unable to to do. I realised that the documentation is crappy but even following the community from http://drupal.org/node/434424 doesnot seem to work. Any pointers??? ...

jQuery Slider UI - Enhancements

I was trying out jQuery Slider and used an example to play around. EDIT: I would like to have the slider show the values, like a ruler, to increase usability. As it is now, I am finding it difficult to pass the usability testing. People complain that they want to know what value they are picking before they start sliding. Any ideas h...

AJAX Jquery UI Dialog window loaded within Ajax style Jquery UI Tabs

The ajax tabs work perfectly well. It's pretty straightforward with that part. However, getting the ajax UI Dialog modal window to trigger off of a link has been un-succesful. Any help in this would be appreciated. ...

jQuery Draggable and overflow issue

I am having an undesired effect when I drag a div from a container div which is set as overflow: scroll. I have found an example of someone else where they have had the issue but I have been unable to find a resolution Example on Paste bin What happens is that the scroll is just increased, I can see why this would be the desired behav...

How to apply CSS theme to only a specific jQuery-UI element?

I have a web site already build with my own CSS theme. I'm using jQuery UI "tabs" widget but no CSS from jQuery-UI. Now, I'm trying to add the "Date Picker" widget in one of my page. It would be great if I could reuse jQuery-UI default theme which is just fine. The problem is that the date picker theme is also applied to my tabs CSS. ...

How can I get jquery to execute animations in exact parallel?

I'm trying to create an accordion widget in jquery similar to jquery's accordion plugin, with the difference that I want the handles to appear below their respective content instead of above. My accordion works by decreasing the height of the open content section while at the same time increasing the height of the clicked content sectio...

Animating Background Image

I Like using Jquery and its companion Jquery Ui but can not find a way to animate background image over a certain period of time like 5 seconds. I can not do something like: $('sampleelement').animate({'background-image':'url(hello.jpg)'},5000); Any ideas?? ...

Jquery Ui Sortable showing broken image in IE8.

I have a query sortable collection of images, ie. the items is set to img (due to the fact it is in a tab control and is a horizontal list, cannot be sorted on the list items, I just can't get it to work), which works perfectly everywhere except for IE8 (even in standards compliance mode), where the placeholder shows a broken image. Is...