jquery-ui

How can I make a jQuery UI Dialog Modal during the show-effect?

I have a jQuery UI Dialog, it is Modal and shows with a Bounce effect. I use a Theme where the background is dimmed with a striped image. The first time the Dialog is opened, the striped background also covers the dialog during the bounce effect. Once the bounce effect has finished, the dialog becomes modal and appears in front of the st...

jQuery UI - I want to check if a resize event was triggered on a resizable div

I have two divs $('.list') and $('.content') side by side. $('.list') is resizable using jQuery UI resizable and $('.content') is bound to the alsoResize. The problem I am having is I need to know when the resizable event is triggered. .bind('change') or .bind('resize') don't work because resize is only for the window/frame and 'change...

[jQuery UI] Connected sortable lists

Hi, I'm working with connected sortable lists and need the ability to add an extra list, but it just doesn't work. I have an XHTML like this: <div id="content"> <div class="line"> <span class="element">1</span> <span class="element">2</span> <span class="element">3</span> </div> <div class="line"> ...

jQuery. Apply selector to every field in a dynamic form

I have a form which is built dynamically using this jQuery plugin http://code.google.com/p/jquery-dynamic-form/ When I duplicate a div, all the fields in the div are duplicated, and -as plugin docs state- brackets are added to the field name I use also jQueryUI. I use the datePicker plugin $("#myDynDateField").datepicker(); It w...

Help with jQuery Address Plugin on UI-Tabs

I am trying to get the jQuery Address-Depp Linking Plugin to work with YUI tabs, but am having zero luck. The plugin is here: http://www.asual.com/jquery/address/ Even with a tabs example: www.asual.com/jquery/address/samples/tabs/ But I'm stumped. You can see here is basic mockup of my page here: www.lolurdown.com/TabTest/ And cl...

asp.net postback with jquery ajax and jquery dialog

We have a method on an asp.net page that is called on a button click. The problem is that the method take a long time to process. I've been asked to have the page call the method (or call the postback) and then display the jquery.ui dialog which will let the user know that this process could take a long time. I'm looking at serializing t...

JQuery UI: Pros and Cons?

I've recently been working on streamlining my website and leaning up my HTML and Javascript. I've already begun replacing the MS Ajax.Net JavaScript on my site with jQuery JavaScript, and now I'm looking at some of the html I'm using for things like popups, tab controls, and buttons. JQuery UI was brought to my attention a few weeks ago...

Simple ASP.NET MVC CRUD views opening/closing in JavaScript UI dialog

I have various simple ASP.NET MVC views for CRUD operations which work fine on their own as a simple webpage. I will now integrate them into the website itself (into the content) and have for instance links like "Create new post" which would fire up the view in a chosen Lightbox clone (don't know yet which one, maybe Colorbox or Thickbox...

Flot chart inside jqueryui tab

I'm using jqueryui to display my page content in tabs. Right now I have only one tab, with a placeholder div inside. This div displays a flot chart, which has a fixed size. Problem is that jqueryui doesn't detect the size of the placeholder div, so my flot graph does not look like it's inside the tab. Is it possible to work around this?...

jQuery plugin for designing report layouts

I'm looking for some sort of jquery plugin (or even plain javascript) that can be used to create report layouts, business card layouts, etc. Not finding anything after lots of googling. Basically, I'm envisioning a canvas (possibly html5 canvas?) that shows a background grid. At a minimum, text and images can be added to the canvas. P...

jQuery Tabs: How to disallow switching to a specific tab?

Hi, I am using jQuery Tabs. Some Tabs require user input. As soon as the user switches to an other tab these input values are validated. Now here is my question: How can I prevent showing any other tab as long as these input values are wrong? $("#tab").bind('tabsselect', function(){ if ( ... ) { alert ( 'Please fill...

Rails // jquery ui.sortable // jq not sending request

There might just be an update i'm not aware of according to this post, but i have some trouble with the sortable; nothing get sent (neither firebug nor my controller get anything) - any browsers. On rails using this very good post Big thx for any info about it. ...

jQuery ui.draggable event/status on revert

Is there a way to get information if an element that's draggable is reverted? I'm stuck on this. I want to make an element droppable again but only if the draggable that was lying there is moved elsewhere (meaning doesn't revert). Thanks in advance. Kind regards, flo ...

iFrame in jQuery UI dialog causes horizontal scrollbar on parent

I'm using the jQuery UI dialog to present content in a new iFrame. Everything works out great except that the parent window of the dialog is getting a horizontal scrollbar while the dialog is displayed (IE8). I've tracked down the problem to the <html> element within the iFrame being interpreted as very wide by the browser, even though...

What am I doing wrong with JQueryUI's tabs feature?

I feel really silly for asking this, but what am I doing wrong with http://www.wcarsucks.com? I followed their example exactly, no dice. ...

jQuery Draggable + Sortable

I have several lists on a page. One of them is a search result and the rest are playlists. List items inside playlist are sortable and should be moved between lists. Items from search result should be dragged to playlists. First playlist is expanded by default and the rest are collapsed. When I drag list item over the title I need the...

jQuery DatePicker does not move with HTML content when in a scrollable div

Hi I have form that has a restricted size and the overflow style set to scroll. This form contains many DatePickers. If I open one of DatePicker's then scroll the panel (with the scrollwheel which keeps the focus on the DatePicker so it stays open) the DatePicker does not move with the form field it is attached to. See my fully working...

JQuery UI + Seaside set-up

Which package(s) do I need to load for jQuery UI in Seaside? Currently I have these installed/loaded: Pharo Seaside One-Click Image Added the jQuery repository to the Monticello Browser (Squeaksource - jQuery) Loaded jQuery-EL.10.mcz However when I run this example I get the error "MessageNotUnderstood: WARenderCanvas>>jQuery" ...

JQuery Clear Form on close

I have the below JQuery Dialog script, I'm trying to find out how to fire off a function that clears the form when I close the dialog. function clearForm() { $(':input','#calcQuery') .not(':button, :submit, :reset, :hidden') .val(''); }; // form popup $(document).ready(function() { //var dataString = $("#calcQuery").serialize(); ...

jQuery UI Datepicker problem

I am using a modal dialog (provided by jQuery UI). Now on the dialog box there are input text boxes with class date. I want to bind Datepicker with these inputs. I've written $(".date").datepicker({ changeMonth: true, changeYear: true, dateFormat: 'dd-mm-yy', showOn: 'button', y...