jquery-ui

Set start day of the week in jQuery UI Datepicker?

I'm looking through the docs for the jQuery UI Datepicker (http://jqueryui.com/demos/datepicker/), but I can't find how to set the first day of the week as Monday. Applying regional settings will set Monday as first day of the week, but this will also change the language. ...

Drag Table Rows in jQuery

Using jQuery (and UI), I want to be able to drag table rows out of the table and drop them on some element. The rows themselves should not leave the table, similar to how iTunes works when dragging multiple selected songs. I need to use a table since this is tabular data and I already have a table sort plugin in place. Any idea how to ...

How to hide jQuery UI Slider on blur?

I have an image that opens the jQuery UI Slider div on click and allows users to set a value by dragging the handle. What I'm trying to do now is hide that handle when the user clicks anywhere else on the page, but the regular .blur event doesn't seem to work. $("#openPriceToSliderGif").click(function(){ $("#slider-vertical").sh...

Get position correct for multiple drag and drops

I have two droppable divs and several images that I drag around between them. Every time an image is dragged and dropped I need to know which droppable div it was dragged from, what position it was dragged from, which droppable div it was dragged into and the position it was dragged into. All this information is then persisted so I have ...

Uploading a file to Sharepoint Via webservices without a page refresh using Jquery

I am trying to create a wizard using jquery (fill in a dialog of info, press next, dialog changes but page does not refresh). During this process I would like to upload a file to a document library. I do not wish to reload the page. Is this possible? How would you go about doing this? ...

jQuery UI Tabs, throwing an error on load

Hey I am working on a new site build, and one of the main components on the homepage is using jQuery UI Tabs. However for some reason when I have "break on all errors" turned on in firebug, it is throwing an error. I am not sure exactly what is wrong, from what I can see it should work as intended. Here is a link to the page in question...

How to Disable Jquery UI Draggable

I want to disable jquery draggable during an update panel post back. help? ...

altering jQuery UI datepicker format

i cant for the life of me figure out how to change the date from default mm/dd/yyyy to the european dd/mm/yyyy the manual states to use: $.datepicker.formatDate('yy-mm-dd', new Date(2007, 1 - 1, 26)); so far i have: $('#next_date').datepicker(); which shows the calendar fine but im not sure where the first line of code goes. this ...

Could not convert JavaScript argument arg 0" nsresult: "0x80570009 (NS_ERROR_XPC_BAD_CONVERT_JS

I am trying to make this captcha jquery plugin to work. The a certain line of code is executed, the error pops up. This is the line of code that causes the error : $(".ajax-fc-" + rand).draggable({ containment: '#ajax-fc-content' }); What I am assuming is that there is some kind of conflict with the javascript reference, but can't de...

stop propagarion from draggable div to selectable table

If I have a table which has selectable cells $("#selectTable").selectable({ filter: ">*>tr>td"}); and one of the cells contains a draggable div $(".dragMe").draggable({}); HTML like so: <table id="selectTable"> <tr> <td> 1 </td> <td> 2 </td> <td> 3 </td> ...

jQuery UI DatePicker - Change Date Format

Hi I am using the UI DatePicker from jQuery UI as the stand alone picker.. i have this code <div id="datepicker"></div> And the follow JS $('#datepicker').datepicker(); When i try to return the value with this code: var date = $('#datepicker').datepicker('getDate'); I am returned this... Tue Aug 25 2009 00:00:00 GMT+0100 (BST)...

Remembering a jQuery draggable tool palette position between page refreshes

I have a tool palette which shows up when an admin user is logged in to a site. The palette is draggable (via jQueryUI.draggable) and I would like it to remember the position between pages/refreshes... Is there a standard way of doing this, or a plug-in I should be using, or do I need to roll my own (via cookies or something)? ...

how to detect what triggered the close event in jquery ui dialog

Hello, I have Create and Cancel buttons as part of a jquery-ui modal dialog. I want to do certain thing after closing the dialog only if the user clicks "Create". If they click "Cancel", or "X" or press Esc, I want to do something else. Is there a way to pass parameters to the close event handler or some other way to detect what caus...

Jquery UI Slider - Input a Value and Slider Move to Location

I was wondering if anyone has found a solution or example to actually populating the input box of a slider and having it slide to the appropriate position onBlur() .. Currently, as we all know, it just updates this value with the position you are at. So in some regards, I am trying to reverse the functionality of this amazing slider. On...

How to get the selected tab panel element in Jquery UI Tabs?

The problem. I have multiple tab, their content is loaded via ajax, so the div id's of tabs' panels are assigned dynamically. I have a form in one, ajaxified by this jquery plugin by a callback function bound to tabs.load event I pass it one parameter, the ui.panel, so that the ajaxForm() knows the target where to load result: function ...

jQuery: Increase Perceived Responsiveness During the Ready Event

Launching code on document ready is a pillar of jQuery. But sometimes, lengthy operations will be executed inside the ready event. For example, attaching multiple carousel instances to lengthy unordered lists will take some time. Question: How can I increase perceived responsiveness during the ready event? For example: Can I...

JQuery UI question, how do you add variables into the dialog box

$('.openDialog').click(function(event){ var width=$(this).attr('width'); var height=$(this).attr('height'); alert(width + ' ' + height); event.preventDefault(); $("#dialog").dialog({autoOpen: false, modal: true}); $('#dialog').dialog('option', 'width', width); $('#dialog').dialog('open'); $('#dialo...

How to get target in sortable before drop?

I'm using JQuery's Sortable (not Draggable or Droppable) and I was wondering how I could highlight the potential drop areas (using CSS) that a user has when the user has begun sorting. Something like http://www.shopdev.co.uk/blog/sortables.html but with highlighting the area in which the item can be dropped. Thank you! ...

Calling .focus() on a text field during a jquery-ui dialog-with-tabs load breaks the dialog rendering.

If I use setTimeout(function{$('#myElement').focus()}, 10)` during the loading of a jquery-ui dialog containing tabs, the rendering of the tabs breaks! Specifically, their background images fail to appear which makes them look like garbage. This ONLY happens when I set a timeout on document ready to focus the first text input in the ...

jQuery Tab Fade Animation

I have implemented jQuery tabs and am using the opacity technique to fade one tab out and then fade another in. I would like to have the second image fade over the first and then hide the first image. That way the background behind the tabs will not be shown. Please advise. Current jQuery code: <script type="text/javascript"> $(fun...