jquery-ui

JQueryUI with Google's CDN help

Hi, I'm having trouble loading JQueryUI from Google's CDN. I've got an ASP.NET application that and am using this to call the scripts: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js" t...

CKEditor Modal Issues.

So I'm using CKeditor inside of a jQueryUI dialog. The issue I'm having is when you click on a button like the "link" button, the modal that pops up, won't let me type anything into it's inputs. I can change the values of the pull downs, I can drag the modal around the screen, and I can click on the buttons. But when I attempt to type in...

jQueryUI selectable: can't apply theme to selected item ("ui-selected" class)

I am developing an application using jQueryUI. I am also using the Themeroller. I want to have as many of my styles as possible defined using the theme, so that if I need to change some styles, I simply have to create a new custom theme (or download an existing theme). I am trying to use the "selectable" interaction in jQueryUI. It is w...

superfish to use jquery ui theme framework?

Hello everyone, was wondering if there is a way to make superfish using jquery ui theme framework, if that isn't possible right now, what practice can be applied to make superfish using jqueryui styles. Thanks for your valuable input. Michael ...

jQuery resizable() and multiple alsoResize's?

Hi, Is there a way to set multiple alsoResize's in jQuery UI? $('.selector').resizable({ alsoResize: '.other' }); I would like to set a couple of other elements to also resize, not just one. The official documentation tells nothing. ...

Dynamically create numbered divs in Javascript + Jquery show/hide

I would like to create numbered divs (such as eventbox1, eventbox2, etc.) in a loop and then have an option to show and hide them. for (i=0; i<8; i++) { var html = '<div id="eventbox"+i></div>'; content.innerHTML += html; } I have also the following code in Jquery UI: function ShowHide(){ $("#eventbox"+1).animate({"height": "toggl...

jQuery UI sortable() - listitem jumps to top in Safari and Chrome

Hi, I have a sortable unordered list on the bottom of my page, which works perfect in Firefox. However, in Safari/Chrome the grabbed listitem jumps instantly to the top of the page when I want to drag it, like the UL is on top of the window. Does anyone know what's going on here? Thanks. Lex. Here's the code: HTML (and PHP): <ul id="...

What's the new method for setting defaults for jQuery UI's dialog?

I've been using the following in UI 1.7, but it doesn't work in 1.8 any more: $.extend($.ui.dialog.defaults, { modal: true, bgiframe: true, autoOpen: false, width: 500, height: 400, minWidth: 500, minHeight: 400 }); Is there a new method? ...

Jquery datePicker

I have slight issue with the jquery datepicker in that it displays ABOVE the target box. This is due to the way my page is set up. I found the issue with CSS in my page via firebug, unfortunately it conflicts with about 20 elements. Next I tried hooking into the "beforeShow event" which works but then after the event fires it just reca...

Connect sortable lists together and update SQL using jQuery UI

I'm using jQuery UI's sortable lists to sort items in a todo list, and the reordering of the lists works like a charm. I have several UL lists for each todo category, i.e. Design, Development, etc. I want to be able to move an item from one category to another, and jQuery UI's sortable lists plugin allows me to do this with the connect...

jQuery, drop image on overlaping target

I am using jQuery to detect drop on target, the target in question is a image. If i drag one image upon another, and then drop it, it shall replace the target source with the dropped source. This works fine until two images lies upon each other. Some of the images lies next to each other and some times the target images overlap. if i dr...

Javascript and CSS Popups

Hi all, I've got a question about CSS based popup windows, like those generated by jQuery UI's dialog system, or Colorbox. If I use those (or something like them) to open a popup window to an HTML page and that page has Javascript in it, does the Javascript in the popup window run in its own context, or does it become part of the contex...

Jquery UI Slider focus issue

I have a problem with the jQuery UI Slider. The issue also appears on the demo. It is more obvious in Chrome - if you go to http://jqueryui.com/demos/slider/#steps and slide the slider, you'll not see anything wrong. If you then click "New Window" or go to (http://jqueryui.com/demos/slider/steps.html) to view the demo in a new window...

Opening href in jQuery Dialog

Okay, so I've got the following code to create a dialog of a div within a page: $('#modal').dialog({ autoOpen: false, width: 600, height: 450, modal: true, resizable: false, draggable: false, title: 'Enter Data', close: function() { $("#modal .entry_dat...

jQuery: random active tab??

Hey there- I need to have a tab interface that has a different "active" tab every time the page loads. There will be advertiser content in each of the 4 tabs, so this is a way to keep things "fair". I am familiar with the tabs part...just need pointed in the right direction getting different "active" tabs to display on page load. Thanks!...

jQuery UI Tabs force delay before changing tab on mouseover

Using the jQuery UI Tabs 1.7.2 with jQuery 1.4.2, is there a way to make it so that when you mouseover a tab, there is a delay before the tab switches? I've been looking into using the hoverIntent plugin to do this, but cannot figure out how it would fit in. Right now my code looks like: var tabs = $('.tabs').tabs({ event: 'mouseove...

jQuery .ajax success function not rendering html with jQuery UI elements.

How do I have the html loaded into my div from the .ajax render with jquery? the success function loads the HTML, but those elements do not show up as jQuery UI elements, just the static HTML types. Any pointers? $(function() { $('input[type=image]').click(function(){ $.ajax({ url: '_includes/callinfo.php', data: 'i...

Add a link to a JQueryUI autocomplete item

When a user starts typing on the searchbox, the suggestion page returns the latest item from all collections matching that nama, plus other data. I'd like to show that item (along its image), and a link to "see all items from this collection". I can do (most of) that with the following code: $('#search').autocomplete({ source: fun...

using jquery draggable can you create a helper based on the dragged item?

I wish to create a custom helper based on the element being dragged. I'm dragging documents and I'd like the document's number to be part of the custom helper. I know how to create a helper during init like this: helper: function() { return $("<div class='fax16'></div>"); } But what I really want to do is ...

Continuous Progress Bar in Javascript

Hello, I am trying to find the best option to create a simple progress bar that I need to be triggered periodically from within another JavaScript script. Every few minutes, a timer would cause the progress bar to start going from 0 to 100%. Once it reaches 100%, the bar would reset to 0. I am trying to implement a smooth animated ve...