jquery-ui

Fade in list of images, once all are loaded.

I have a group of images in this format: <ul id="photo-list"> <li><img src="" /></li> <li><img src="" /></li> <li><img src="" /></li> </ul> My goal is that once all the images have finished loading, then #photo-list will fade in. Also I would like to display a loading animation before the images are loaded. Any help is appreciat...

How to not allow parts of sortable jquery list to move?

I made a sortable list: <ul> <li class="line"><a href="#" class="food">milk</a></li> <li class="line"><a href="#" class="food">eggs</a></li> <li class="line"><a href="#" class="food">cheese</a></li> </ul> However, I want to make everything with class food not draggable. Since they are links, sometimes when people click them, ...

jQueryUI ContentSlider Question

Hi, I'm pretty new to jQuery and jQueryUI and I'm eager to try out things. This time, I want to create a content slider than has auto play and can jump to a specific slide. I was able to sort things out for those two rules, but then I want to add a bullet indicator which also replicates the "jump to slide" functionality of #slideNav. ...

jquery timer implementation

All, Is there a jQuery timer which can start a timer for 20 minutes and display time elapsed? Please point me to a small code for it. var austDay = new getTime(); austDay = new getSeconds(austDay); var duration = 1200; duration += austDay; Thanks ...

Isn't there a standard jQuery pop-up menu component?

I'd expect a right-click-context-menu-style pop-up menu to be a part of jQuery UI. But apparently it isn't. What's the de-facto standard out there? Or is everybody just rolling out their own ones? Example ...

Jquery Animation: problem with following the window scroll in IE

I’m trying to make a div follow the window scrollTop. In FF it looks good but in IE (6,7) the animation jumps and causes the window scroll to jump. I've tried easing but it didn't work. My code: <div style="float:left;width:500px;height:4000px; background-color:Blue;"> <br/> </div> <div id="Div1" st...

jQuery UI button: How do I override the classes used for a single button?

I am using the jQuery UI library out of the box, based on a theme. Having links rendered as buttons is great, however I need to override some buttons with different colours. How do I specify an specific class for a particular button to use? ...

jquery ui sortable('refresh') not working!

I have a sortable list I'm working with that can have elements added and removed by another script through jquery and am having an odd problem. These newly generated items appear to be draggable, but they don't actually sort unless I have them already there at page load. I've tried using sortable('refresh'), but it seems to have no effe...

jQuery-UI : Dialog remove class

Hello, I have a dialog box, created with the code javascript and HTML generated below. I'd like remove the class "ui-button-text-only" for the buttons and for the container add "style=font-size: 0.9em;" Could you help me ? Thanks, HTML : <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix"> <button type="butto...

Range issue with ui-slider

Hi, I’m trying to set up a range with a slider. I would prefer if both cursors did not overlap in the same value. In other words, how do I get the sliders to freeze and stay put when the minimum value slider and the maximum value slider come next to each other. Any ideas? Thank you in advance. ...

Extending the Google CDN version of jquery to add datepicker

I'm using jqueryUI solely for the datepicker feature. It's great if you can get away with using plain jquery because then you can import it from Google's CDN, which is potentially faster than your own CDN (if any) and heightens the chance the user will already have it cached, but you can't do this with jqueryUI. I'm wondering, since jque...

Programatically adding jQuery UI Sliders causing problems

I'm currently adding a div to use as a slider programatically, but when I apply the slider to it, everything appears but I can't drag the handle nor do any of the hover states work correctly. var container = $('<div class="container"></div>'); var slider_div = $('<div class="position_slider"></div>'); $(slider_div).slider(); container...

reposition the dragged div after dropping it

Hi, is it possible to change the left position of a div after dropping it? i'm trying to do that using this code but it's not working, can anybody help me... thanks a million in advance :) $(function () { $("#task_1").draggable({ revert: 'invalid' }); $("#Lina").droppable({ drop: function (ev, ui) { ...

Cant get Jquery ui autocomplete widget to work

Im trying to develop my first ASP.NET MVC web app and have run into a problem with the jquery ui autocomplete widget. At the moment I have a form with a number of text boxs which would lend themselves well to an autocomplete ability. The code for my "Make"(Car make) text box is show below: jquery: $(function() { $("#Make").autoc...

jQuery UI datepicker not showing week numbers

My jquery UI datepicker is not showing week numbers, even with the showWeek:true option set. Here is my code: <script type='text/javascript'> $(document).ready(function(){ $('#startDate').datepicker({ changeMonth: true, changeYear:true, dateFormat: 'd-M-yy', firstDay: 1, showButtonPanel: true, ...

JQuery - Year Turnover on Month Count - Jquery UI Slider

I have ran into an interesting issue while trying to create a more usable datepicker-like interface. I am using a slider to change the month of a listed calendar (Mar 2010, Apr 2010, May 2010, etc.) A very simple mock-up here: http://dev.primestudiosllc.com/riverbank/ I will need to first get the current month and set that as the begin...

How to load jqueryui from google CDN with locale different than english?

I would like load a different than English language locale for jqueryui, while loading jqueryui form Google AJAX Libraries API CDN? Is there a way to pass I18n parameter into load function? google.load("jqueryui", "1.7.2") I have also tried as per jQueryUI documentation on date picker internationalization to pass: $(selector).datepi...

Problems with JQuery's Droppable Tolerance 'fit' feature when using the same size divs

Hi I'm just wondering if anybody else can manage to get the tolerance:'fit' option to work when using the 'droppable' feature in jQuery's UI? I want to call a function only when the draggable div is dropped perfectly onto a droppable div. Both divs are the same size and I'm using snapMode:outer to help the end user. I simply cannot ge...

How to create multiple button styles with jquery ui?

Is there a way using jquery ui theme roller or otherwise to create more than one style for buttons (specifically jquery ui buttons)? If you look at the generated themes - it only seems to allow one button style. Keywords being "jquery ui"; I understand how to do this in css, but using jquery ui helps keep widgets / css playing nicely. ...

Is there more than one jQuery Autocomplete widget?

I thought there was only one - included in jQuery UI and documented here. I know there are third-party autocomplete widgets that plug-in to jQuery, like the one from devbridge. But I would describe that as an autocomplete widget for jQuery, rather than the jQuery autocomplete widget. But on Stackoverflow, I see questions asking ab...