jquery-ui

jQuery datepicker shows up behind popup

I am using two different jQuery plugins that I'm trying to combine. First I'm using a popup plugin from http://fancybox.net/home. When the popup shows I need to have a textfield with a datepicker inside the popup. The datepicker is from jQuery UI. The problem is that the datepicker always shows up behind the popup so it is impossible to ...

Jquery: how can I select cells from a table that contain a specified string of html?

I'm trying to style some cells of a jquery-ui date picker based on application logic. I need to be able to scan through a table and select cells that contain a specified string of html. Here's an example table: <table class="ui-datepicker-calendar"> <thead> <tr> <th class="ui-datepicker-week-end"><span title="Sun...

How can I get the JqueryUI datepicker show "Today" in the input box.

When the user selects today in the datepicker, I want the associated input box to show the word "Today". Is there any reasonable way to accomplish this? ...

Roll up child elements in nested jQuery Accordion

When using jQuery's Accordion (in a nested fashion), I want to ensure that when a parent element is clicked/opened, any open children are closed/rolled up. I'm not sure what selector(s) I should use when attempting to do this. So far I've tried rigging a change event with "activate" set to false, but that simply makes any element that ...

Attribute Selectors on jQuery UI Draggable

I'm working on a project that involves a fair amount of drag and drop among different category items (e.g. Fabric, Pins, etc). With my current setup, each of these elements is given a unique id code (e.g. F001 for a fabric). I'm trying to get the droppable point to look at the starting letter, and handle it from there. The roadblock I'v...

Can selectable jquery ui be forced to select in order

I want to use jQuery's (or something similar) selectable functionality: http://jqueryui.com/demos/selectable/#display-grid. However, I would like to be able to force selections. For example, for the grid, if a user starts at 1 and drags to item 6 only 1,2,5, and 6 are selected. However, I want 3 and 4 to be selected because they are...

jQueryUI - Controlling applied classes at a global level

When jQueryUI renders widgets, the headers generally get a 'ui-corner-all' class applied to them. I need 'ui-corner-top' instead. Is there a way to globally configure this? Up to this point, I'm using a selector to remove and add the class I need. ...

Marrying jQuery-UI widgets with jQuery templates?

I'm using jQueryUI and jQuery-tmpl, but I believe the advice I'm looking for is broad enough it'd apply to any sort of templating library. The problem I have is that I'll often have some sort of CRUD widget in my template <script id="some-widget-template"> <div class="some-widget"> <input name="NameField"/> <button id="some-widget-sa...

jQuery UI buttonset() Not Responding As It Should?

I'm a newbie to the jQuery UI plugin and I'm building a demo application to test my knowledge. I'm using the radio button add-on and I can't seem to get it working. I have the following line in a function called when the body loads: $("#buttonSetDiv").buttonset(); I'm also including the CSS and JS correctly, like so: <style src="jque...

Examples of html menus for very large number of categories and sub categories? (tens or hundreds)

I will work on site which will have a very large number of categories and subcategories (could go multiple levels deep), coming from the database. All these categories needs to be showing in the home page so users can navigate to their desired categories in one link. Displaying all of them could be a UI challenge. Any examples of webs...

jQuery $.get onstatechange problem

Howdy, I have the following function that uses jQuery "get" to perform an ajax call to an MVC controller. function updateTables(firstMonth, getReduced) { $.each([cContactType_Email, cContactType_SMS, cContactType_EmailSMS, cContactType_Telephone], function(index, value) { var toUpdate = $("#" + value); ...

jQuery/UI/Tab ajax not loading flash cfcharts in IE7/8

Hello, I have a coldfusion page that uses JQuery UI TAB to load another coldfufion page which includes a cfchart in flash format. But this works completely fine in FF.(everything was loaded, flash cfchart, tables ...) <li><a href="xxx.cfm?param=#xxx#">XXX</a></li> However in IE: all of the html elements that are generated with the fl...

Why jQuery UI Sortable isn't working?

Hi all, i'm trying to implement on my page the jQuery UI Sortable plugin, but it isn't working. Can anyone help me with this error? I think it might be something simple that is escaping me. the link to preview is: http://jsbin.com/ebixi3 the link to jsbin edit is: http://jsbin.com/ebixi3/edit Thanks all in advance. ...

JQueryUI accordion changestart event - how to get data out of it?

http://jqueryui.com/demos/accordion/#event-changestart I'm trying to have an JQuery ajax request get some data and populate the body of a div inside each of my JQueryUI accordion rows when the row is expanded. My intention is to have a hidden field, or some such, within the clickable h3's of the accordion and when the changestart event ...

Jquery Tab: Can I use Html.ActionLink to fetch server data?

Hello, I'm using JQuery UI 1.7/PACKT book. It said on p.63 that the content of a page can be loaded just by using this statement <li><a href="tabContent.html">AJAX Tab</a></li> How can I obtain something with Html.ActionLink() Thanks for helping. ...

jQuery - Make table rows selectable, draggable and droppable onto a box? (like SproutCore)

What I'm trying to do here is to mimic one part of the way SproutCore and Cappuccino work. You know how Mail.app works? You click on a message, it gets selected? You Shift+Click, everything in between gets selected? You Command+Click, it gets added to that selection? You drag over many, they all get selected? Then you can drag them...

Why is my variable empty in post?

This is what I'm trying to do. Have one main form with all the data and have several dialogs, from which the data will be added to the main form. After all the data is in the main form I will submit the form. But the problem is it won't save the values of the data in the dialogs when I copy the html to the main form. It won't put the va...

Make a JQuery Highlight Bar thinner

I am currently using JQuery UI for several UI elements on my site. Is there a way to make the highlight and error bars thinner? I am referring to the two things found in the lower-right here. I imagine there should be a CSS property that I can change to fix this, I just can't seem to find it. Solution: .ui-state-highlight p { margin-...

Sliding panel lightbox/overlay in JavaScript?

I was wondering if anyone had any ideas if a plugin or other script existed out-of-the-box to do this kind of functionality: User opens up a lightbox/modal dialog User clicks some action The previous lightbox slides out and a new one slides in I'm trying to do this as a more graceful way of handling multi-level modal navigation than st...

How do I *completely* remove a jQuery UI datepicker?

Important Edit: As only computers can do, today it works as it should, without any changes to code. Go figure. I'll delete this if I'm able, as it helps nobody. I've got a date text field I wish to only sometimes attach a DatePicker to, because I have some of my own text-handling scripts which handle partial date strings. Calling ....