jquery-ui

jquery autocomplete filtering

Hello all, I have a page, which uses jQuery Autocomplete on the second two textboxes (investigator and institution). It is getting the data fine, and displaying it, but for some reason it is not filtering the list of data as i continue to type. Anyone know why? Is there something i need to do to turn this on? According to the jQuery si...

[jQuery UI Tabs] : How to cache AJAX responses (to be displayed the next time the user selects a tab) ?

I populate my tabs contents using AJAX calls with the tabs widget from jQuery UI library. My code loks like that : <script type="text/javascript"> $(function() { $("#tabs").tabs({ load: function(event, ui) { afterLoadProcessing(); } }); }); </script> ... <div id="tabs"> <ul> <li><a href="url1">tab1...

Applying jquery-ui droppable on nested lists.

Hi there, I am trying to use jquery droppable on a nested list, applying a change to the background colour of the li on hover. The problem is that it is only applying to the first item in a list. The alert is still alerting the text within the list item though. Any ideas why this would be happening? $("#mailbox li").droppable({ ...

JavaScript key listener disabled when inside a text form

I have a key listener assigned to the arrow keys to navigate a slideshow. But I want to disable the key listener, temporarily, while a user is typing inside an input field. How can I do that? My current code looks like this: //Listen to the keys function checkKey(e) { switch (e.keyCode) { case 37: changeImage('pre...

how to set tab to a custom tab using jquery ui and rails

I'm using jqueryUI for tabs on a page. I initialize it like below: $("#tabs").tabs(); <div id="tabs"> <ul> <li><a href="#tabs-4">Part A</a></li> <li><a href="#tabs-2">Part B</a></li> <li><a href="#tabs-5">Part C</a></li> </ul> <div id="tabs-4"> ..... </div> <div id="tabs-2"> .... </div> ...

how to set custom tab in jquery ui and use with rails

I'm using jqueryUI for tabs on a page. I initialize it like below: $("#tabs").tabs(); <div id="tabs"> <ul> <li><a href="#tabs-4">Part A</a></li> <li><a href="#tabs-2">Part B</a></li> <li><a href="#tabs-5">Part C</a></li> </ul> <div id="tabs-4"> ..... </div> <div id="tabs-2"> .... </div> ...

jquery ui transfer help

i wanna use jquery ui transfer to hide an element. i got an div.click and a span.target. i want the div to be moved to the span when clicked. i tried this code: $("div.click").live('click', function () { var i = 1 - $("div.click").index(this); $(this).effect("transfer", { to: $("span.target").eq(i) }, 1000); }); but noth...

using .aspx page as Jquery Cluetip?

Hi, I am using an .aspx page as cluetip bound to an anchor tag. I need to pass a parameter from anchor to this page and then call a WCF service to populate my template with returned JSON. I tried putting body onload function but that doesnt seems to work. Thanks Koby. ...

How to connect to arbitary DOM elements using draggable in jQuery?

I've found a article that explains how to connect draggable elements to sortable ones: http://the-stickman.com/files/jquery/draggable-sortable.html But what I need is to connect draggable elements to arbitary DOM elements, I need to do something when I drop it on some element. But how know the element that the draggable is on when I ...

jQuery ui dialog change title after load-callback

Hello, I like to change the title from an UI Dialog after i have submitted a form in this UI Dialog. So in the callback-function after load i should suggest, but i've tried and googled without result. Has anyone an idea? Thanks! ...

jQuery images with fadeIn() don't load when page is cached or accessed via back button

At the beginning of my script, I have: jQuery(function() { jQuery('img.thumbnail').hide().load( function() { jQuery('img.thumbnail').fadeIn(); }); }); Which nicely fades in all the thumbnails on the page as they are loaded. However, when I access the page for a second time (when it is cached), or when I press the back button ...

Using jQuery, how can I get an image to open full screen to the browser's height and width?

I'd like to create a jQuery function that accepts an image url, and when executed, displays the image full screen matching the height and width of the current page. Thanks. ...

Change Background Image of Div When Modal Popup Window Opens

Hi Everyone, I'm trying to dynamically change the background image of a div inside of a modal popup window. I first tried it with simplemodal and now I am trying it with the jqueryui dialog box. I can't get it to work on either one. Here is my code so far: //Jquery Dialog Attempt: //I have also tried it in the open event ...

Active Index is not being persisted in jQuery accordion change event

I have an asp.net aspx page and on that page I have a hidden input field with and id of paneIndex. However, when I load the page, the alert shows index 1 which is correct on the first load, but if I open up pane 3 for example, the alert shows 1 still. Am I doing something wrong? In a Custom.js file, I have the following code: $(docum...

jQuery UI tabs. Reload active tab in non-ajax tab.

Loading/Selecting a (non-ajax) tab from within one of the other tabs can be done by using $('#mytabscontainer').tabs('select', 3) However, I need to be able to reload the active tab, and above method does not work for that. Neither does $('#mytabcontainer').tabs('load', 3) Any ideas on how to achive this? ** Solution ** In the...

Best option for sortable/draggable layout selector?

For my current project, I need to make a layout selector where certain elements can be dragged and repositioned by the user, similar to this mockup: So far, I have been able to replicate something similar using JQuery UI and Sortable, however I am currently stuck only on the first level of control, where vertical elements can be repos...

IE6: select inside jQuery tabs does not render dropdown list

I have a form inside jQuery tabs; I create tabs in a simple way: $("#tabs").tabs({selected: 1}); The selected index 1 is the tab where form is placed. The problem is, on remote computer with IE6 both selects only display a small blank line instead of list with options when dropdown arrow is clicked: The options are there in page so...

Draggable nested inside Draggable drags both when dragging child in IE

Hi, I'm building a seating application using jQuery. I have tables with chairs around them, which may have guests seated at the chairs. Each table has a wrapper div which is draggable. Inside the table are any number of chair div's. Inside any chair div a guest may be seated. Guest are also a div which is nested inside the chair di...

Logic for stacking behaviour in javascript

I'm trying to write some javascript that will stack objects by setting z-index. Test Case: http://christophermeyers.name/stacker/ I've hacked that together, but I'd like to extrapolate that behavior to something a little more logical. That is: Given x number of elements, when element C is moved to the top, all elements above that elem...

jQuery UI Tabs - SlideToggle?

Hi all, The following code rotates through tabs that I've set and does a nice job of fading in and out, however, I was wondering if it could be tweaked to have the content slide in and out. $("#product_rotator").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 7000); I tried changing "toggle" to "slideToggle" but that didn't work... Th...