jquery-ui

jqueryui themeroller

I'm learning about the Framework Icons in jQuery UI. <span class="ui-icon ui-icon-circle-minus"></span> produces an icon of a minus sign inside a circle. Using the ThemeRoller Firefox Bookmarklet, I was able to change the color of the icon to red (to make it look like a delete button). Q: How can I make one jQueryUI icon be red and ...

Turn off Jquery UI Accordion animation only during page load

I'd like to turn off the accordian animation during page load, and then turn it back on after the page is loaded. Basically I've got multiple forms inside the accordion sections and when submitted the page gets reloaded and the relevant section is reloaded. But during the reload the animation is triggered which looks a little ugly. Bu...

Having issues with jquery ui datepicker and IE

This works perfectly in Firefox but doesnt work in ie i get the following error "Line: 640 Error: Object doesn't support this property or method" Here is my code <asp:TextBox ID="calendardatedob" CssClass="calendardatedob" runat="server" AccessKey="n" TabIndex="4" MaxLength="40" /><span class="req">*</span> e.g dd...

How to get global variable in JQuery functions

I want to access my global javascript variable in JQuery methods. But I am unable to get it when I go to attach a click even to a div. As following. How can I do that? I mean do I need to rely on hidden fields for some state management? var divCount = 3; $(function() { //divCount is accessible here $("#sortable").sortable({ ...

CSS not being applied with jQuery UI dialog

Hi, I have an MVC view with a Ajax.ActionLink. this.Ajax.ActionLink( "Create Offender", "Create", "ReportOffender", null, new AjaxOptions() { HttpMethod = "GET", UpdateTargetId = "dialog", OnBegin = "function() { $('#dialog').dialog('open'); }" }, new Dictionar...

JQuery UI Accordion Icon not in te middle

Hi Everyone, I am using Jquery ui 1.8 and I am inserting an image in the header section of the accordion, images shows up correctly but the icon (arrow) is not shown in the middle of the header. How can I put it in the middle? <div id="accordion" style="margin:15px;"> <div class="header"><img src="images/logos/RBI_Trax_full_tiny.png" al...

Jquery UI Framework Icons

On the Themeroller page, the author of jQuery UI shows that there are icons available if you use certain keywords. Example: <li class="ui-state-default ui-corner-all" title=".ui-icon-circle-close"> <span class="ui-icon ui-icon-circle-close"> </span> </li> This creates a nice little X in the middle of a circle, framed by a box with ro...

jQuery.ui.draggable.js and jQuery.ui.widget.js conflict

hello I had a working application, which uses a jquery ui dialog. I wanted to make the dialog draggable. As far as I know the only thing needed is the jquery.ui.draggable.js script. So I added it to the scripts I am using, but know I get the following error (as shown in the firebug console): base is not a constructor The relevante line ...

jQuery slide up/down on hover bug

Hi! I have one large div with one smaller div inside it. The smaller div is at first displayed as hidden. When the user hovers the mouse over the large container-div the smaller div is animated in with the show/hide-functions. So far everything works fine. However. The smaller div is animated in from the bottom - so if I let the cursor...

Can I use jQuery UI Progress Bar to indicate the progress of downloading a file?

I have a web page that has several files available for download. These files vary in size from 1MB to 40MB. To help the user see that something is actually happening during the file download process, I would like to include a progress bar that gives a visual indication of the download progress. Would the jQuery UI Progress Bar work for ...

jquery ui-tabs widget , changing the color of the background with css causes problem with display

I'm using the jquery tabs plugin and want to have the background a light grey color. In the css section for tabs, I found this line of code where I manually added the background-color part: .ui-tabs .ui-tabs-panel { padding: 1em 1em; display: block; border-width: 0; background-color:#EEEEEE;} The problem comes as seen in the picture ...

Can you display a jQuery UI modal dialog when user attempts to close the browser?

I know how to show an alert when the user exits the browser and I know how to implement a neat modal dialog using the jQuery UI library. My problem is, I'd like to implement that dialog when the user attempts to close the browser rather than display the ugly little popup box. Is this do-able? ...

how to make popup box based on dropdown list selection using jquery

Hello friends.. I have three columns in the jquery grid with all three column has dropdown list boxes.. if you select first dropdown list box any value i need to enable second one.. if you senlect second I need to enable third one..using jquery... thanks ...

two sortable lists need to get serialize parameters using jquery-ui

hi guys! can you help me with these codes: http://pastie.org/908345, its two sortable lists and I need to get the serialize parameter of those lists to be passed when I click the submit button but I always get "(an empty string)" on "console.log". I'm using jquery-ui for this functionality. thanks! ...

How do I keep child elements together with parent jQuery sortable.

I have a list of items like this... <ol> <li> <span></span> <img src="image.png" /> <p>Image Caption</p> </li> </ol> And I want to be able to sort the LI's but not the sub elements, they should just move with their parent. I am using the jQuery to do that... $('ol li').sortable({ 'cursor': 'move' }); ...

Populating array of input fields as alternate fields using jQuery UI datepicker

I am using jquery ui datepicker in order to populate start and end dates for multiple events on the same page, the number of events is dynamic and I need to post day, month and year as separate fields, so I have something like this: <input type="text" name="event[0].startDate" class="date"/> <input type="hidden" name="event[0].startDate...

jquery control execution of the callback functions

Function socialbookmarksTableData(data) is called by another function to generate the content of a table -- data is a JSON object. Inside the function i call 2 other functions that use getJSON and POST (with json as a return object) to get some data. The problem is: though the functions execute correctly i get undefined value for the 2 v...

How to hide the z-indexed div if we click out side the div which is placed in user control in jquery

I am having a div in usercontrol and i am showing the div as i have given z-index and showing as a menu item and now if i click out side the z-indexed div then the z-indexed div must close . I need hwlp its very urgent ThanQ, Vara Prasad.M ...

jquery dialog - which button opened the dialog?

In the example below, how can you use the event and ui objects to detect which link opened the dialog? Can't seem to get $(event.target).attr("title"); to work properly, and I'm having trouble finding documentation on the 'ui object that is passed. Thanks! $("#dialog_support_option_form").dialog({ link_title = $(event.target).attr(...

Include OpenX ad in a jquery-ui dialog?

I'm loading some content into a jquery-ui dialog via .ajax. That's all working fine but now I've been given an OpenX ad to embed into the dialog & can't figure out how to do it. I know all the script is stripped when coming in via ajax, & I know how to use $.getScript to load .js files for use in the dialog, but the OpenX ad script I'v...