jquery-ui

Detecting parent elements in drag and drop

Hi Everyone, I am writing a board game script and would like to use jQuery UI's drag and drop functionality. When i drag an element from inside DIV A to inside DIV B, is there a way of reading DIV B as the new container of the element. $( ".draggable" ).draggable({ stop: function() { alert(this.parentNode.id); // alerts D...

Disable anchor dragging on JQuery UI Slider in webkit

Im using jquery UI to build a horizontal slider based on the demo here: http://jqueryui.com/demos/slider/side-scroll.html My code is pretty much identical, and works in firefox and internet explorer. It doesn't however in Safari and Chrome. The reason is that when I click on the handle, it sometimes works, and sometimes the browser th...

jQuery UI tabs, access required to loaded data over ajax on tabsload event

jQuery UI tabs, access required to loaded data over ajax on tabsload event I am using jQuery UI tabs to load content over AJAX. JSON structure of content { content: 'content-data', stats: 100 } The tabs are being loaded by defining $('#tabs-ui').tabs({ ajaxOptions: function(result){ var data = Drupal.parseJson(...

Anythingslider ala jcarousel ( mutliple image display )

Hi there, I am using Anythingslider in one of my projects, and I want to display more than one image in the panel, the same way jCarousel does. I googled around and found nothing that can help. I appreciate any help ( code snippet or idea ). thanks http://css-tricks.com/anythingslider-jquery-plugin/ AnythingSlider ...

How can I test JQuery UI Sortable with Cucumber

I'm tryting to write a cucumber/capybara test to reorder some items and then save them back. Any thoughts on how to best do this? ...

How can I handle click event of dynamicly populated ul's li?

I am working an authorisation system. I have four unordered lists. Let's name them list1, list2, list3 and list4. two of them about countries and rest two are about cities. list1 contains all countries. list2 contains all available countries for one employee. Users are moving one country from list1 to list2. when user clicks list2 i can ...

JQuery UI TabPanel Ajax loaded page not working properly

Hi, I'm using Django and lastest JQuery, and JQuery UI in my project. Created a tabpanel using UI widgets, its loading sub pages with Ajax. But loaded pages with javascripts is broken and redirects back to current URL I.E $('#tabs1').tabs({ cache:false, cookie: { expires: 1 }, ...

jquery ui flyout menu question.

what i want to know is if there's any way i could transform this flyout menu: http://www.filamentgroup.com/examples/menus/flyout.php into a regular drop-down menu. more exactly i am trying to find a way to skip to click "flyout menu" so make the menu appear! the original menu and options are here: http://www.filamentgroup.com/lab/jquer...

Is jquery UI is getting loaded when sourcing fro Google Ajax cdn?

As has been discussed at breadth in many a forum, it is recommended to use Google's CDN for loading common js libraries. I am doing the same in my app and am loading jquery and jquery-ui from the Google cdn. Now there have been quite a few instances where users have reported broken UI and that is a result of jquery ui not firing. e.g. ...

jQuery Confirm Dialog in ASP.NET Button OnClientClick

I have a TemplateField in a GridView in an UpdatePanel with a button called btnDelete. Rather than the standard OnClientClick="return confirm('Are you sure?')" I'd like to use jQuery Dialog. So far, I'm able to set the jQuery using btnDelete.Attributes["onclick"] and setting the jQuery Dialog code in the code-behind. However, it posts b...

Adding dividers into jQuery-ui slider.

I have a slider that goes between 1 and 4. Is there any way I can mark out where 1, 2, 3, 4 live on the slider to make clicking exactly on them as easy as possible? So instead of... ====[ ]======== I have 1===[2]===3===4 ...

jquery, setting checkboxes to true on load

I have a setup like this... $(document).ready(function(){ var model = { /* some variable names */, Traits[] }; var traits = // json array pulled from server. $('input[type=checkbox]').button(); // jquery ui button control. }); Now, in my HTML, I have a jQuery Template like this. {{each(i, trait) traits}} <input type='check...

jQuery: keep toggled child element open when hovering over it

My question is similar, but different from jquery-hover-menu-when-hovering-over-child-menu-disappears. I originally had the hover event on the li.item, which was a little quirky, but did what i needed it to do. I switched the hover to the span so that the event would fire on the text block, rather than the list block, which expands the...

drop initialize in portlet jquery ui

Hello im using jquery ui potlet and i need the portles be initialized dropper. Now when the pages load portles collapse is on mode. Thanks. ...

Problem with year dropdown scrollbar in jQuery datepicker

I'm using a jQuery datepicker to select an applicant's date of birth, but the applicant's age must be restricted to values between 21 and 100 years. In order to make the selection relatively easy I have turned on the month and year dropdown boxes, and being in the UK I have localised it. <script type="text/javascript"> $(function () {...

How to create a modal JQuery UI dialog from a Html page fragment fetched by $.get()

Hello, with the below code, I'm able to add a page fragment to an other page. The page contains a form to be posted to a certain action method. $("#ul-menu a").click(function () { $.get($(this).attr("href"), function (response) { $("#dialog-div div").replaceWith($(response)); }); return false; }) Instead of havi...

JQuery UI datepicker: Show calender for a date programmatically.

Is there a way we can show the calender for a particular year and month using datepicker configuration options? The API documentation doesn't list any such functionality. Still is there a way out? ...

How can I create a single/multiple selection dialog using JQueryUI ?

JQueryUI has a very nice Dialog, but I wonder how I could create a similar dialog with multiple values I can select from. It does not necessarily need to have a text area. Similar to how the right-click window looks or how the selection dialogs work on Android. ...

jQuery : trying to draw elements that snap together and break apart

I'm trying to implement some kind of very basic flow chart functionality in a div. Basically I have some boxes which by default my be joined by a little AND bubble. If I click on the bubble it will change to an OR bubble which will result in the boxes (divs) splitting. Not really to sure where to start on this any guidance much apprecia...

$.datepicker.parseDate("dd/mm/yy","10/10/2010"); not cuasing Exception?

$.datepicker.parseDate("dd/mm/yy","10/10/2010"); why this not cuasing Exception? ...