ACCORDION FLICKERING
Hello, Please see my website: www.naturalskin.com ACCORDION on left side is always flickering when changing sections. I've looked everywhere and cannot find a solution> DOES ANYONE KNOW HOW TO REMOVE THE FLICKER IN THE ACCORDION? Erik
UI Tabs - Loading pages recursively with ajax that contain tabs
Hello, I'm trying to load pages recursively that contain tabs via ajax tab call. I got a main page that loads a childpage and the childpage loads the childchildpage. All pages contain tabs. The childpage works correctly after I added the ctabs via the tabload event $('#tabs').bind('tabsload', function(event, ui) { //alert("tabs loaded"); $("#ctabs").tabs(); }); My problem is that this approach does not work with the chidchildpage, because the javascript will not be executed in the childpage. Is
Sub-levels of Jquery Sortable one serialize command
I am working on a shopping cart that utilizes JQuery for sorting "choices" for products. For instance, T-shirts would have a choice for size and a choice for color. I want things to be sortable so that the person adding choices can declare which choices are shown first in the drop-down menus on the website. I have things working so that there is one master "sortable" so you can pick to have "color" or "size" to be displayed first, and then both size and color are sortable in their own right so you
Nested tabs problem
Hy I have a problem. I want to make a set of tabs with nested tabs, and the nested tabs should open html pages via ajax in the same page. I must note I am an uber nube at jquery ui or any kind of jquery pls help me thx for your help
Can UI Selectable allow only one selected item ?
Hi. I'm newbie in jquery and i can't figure how to make the UI Selectable allowing only one selected item at a time. The purpose is : If I clic one item and after an another one, the first selected item is deselected . There is an option ? Or a snippet for this ? Thanks for a clue. Best regards.
Access to 'this' within autocomplete functions
Hi, Is there a way to get access to the element on which an autocomplete method is applied, from within the functions used in the autcomplete options. The way you normally can do it using "this" would be so nice to have. For example, instead of the not-so maintainable $('#project').autocomplete({ focus: function(event, ui) { $('#project').val(ui.item.label); return false; }, }); have $('#project').autocomplete({ focus: function(event, ui) { $(this).val(ui.item.label); return false; }, });
jQuery UI dialog and asp.net
Hello. I can open a div with a validation summary from asp.net, i can run the code behind button click function and i can put an error inside the validation summary, the problem is the dialog window closes and i can't see the error in the validation summary until i click the link to open the dialog window again. How can i block the dialog window from closing? Best regards.
Radio Buttons: Reset
Hi Wenn i want to make a reset with <input type="reset".... the Buttons are still marked as selected. Regards Simon
jQueryUI selectable: can't apply theme??
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" widget in jQueryUI. It is working as it should - in Firebug I can see the "ui-selected" class being applied to the element that I select. However, there is no visual cue that the item has been selected.
Accordion - how to make top level 'header' act like a button instead of expanding?
I have an Accordion and I would like to make the first 'header', which is labeled 'Home' simply act like a button and take you back Home, as opposed to expanding when clicked. Is there an easy way to do this? I have tried using an empty div, and it still expands open to show nothing when clicked. I really love how easy this Accordion is compared to the one I used in Spry, but I can't seem to duplicate the way I caused the one in Spry not to expand the Home 'header' when clicked. Any help on
jQuery UI Tabs customization for many tabs
I posted this question on StackOverflow but am not getting much of a response. Hopefully someone here will have some suggestions. Basically, I want to customize jquery-ui-tabs so that they work like HootSuite's tabs: excess tabs that won't fit onto the screen will get added to a "More" dropdown list tab at the end of the tabs an add button (small plus sign) is displayed right after the last tab (just to the right of it, but in the same horizontal row) tabs in the drop-down "More" list can be dragged
[AutoComplete] (jQuery UI 1.8rc3) with ASP.NET web service
Currently, I have this version of the autocomplete control working when returning XML from a .ashx handler. The xml returned looks like this: <?xml version="1.0" encoding="UTF-8" standalone="no" ?> <States> <State> <Code>CA</Code> <Name>California</Name> </State> <State> <Code>NC</Code> <Name>North Carolina</Name> </State> <State> <Code>SC</Code> <Name>South Carolina</Name> </State> The autocomplete code looks like this: $('.autocompleteTest').autocomplete( { source: function(request,
dialog - js file not laoding
I cannot use the dialog widget - invoking .dialog() on m div produces the error 'object does not support this method'. Its dependency is listed as 'Core', so I'm using jquery.ui.core.min.js, but I noticed there is no reference to dialog. What file do I need? thanks, ka3751
jQuery UI on Smartphones...
Hello, I am a web-developer (Javascript, PHP, etc.) and I am just evaluating jQuery UI - so be patient if my question is naive. My question: if I develop a web-application with jQuery UI, does it work on mouse-less devices like Smartphones or iPad ? I tried the demo-gallery on my Windows Mobile 6.5 touchscreen smartphone and "Interactions" (drag&drop, etc.) didn't work. Are these devices supported by jQuery UI ? Thank you in advance for your answers and for your patience. Bye, Andy Cavallini (Italy)
Using TAb with ajax loading
Hi, I am using the tab control to load some html pages using ajax. So far so good.. This html pages has its own scripts, like colorize grid lines, confirmation message to buttons. The problem is that this scripts does not works when loading into a tab. If i point browser direct to the html page, it works. I´m very newbee with ajax and friends, so any help will be very good. thanks a lot.
[accordion] scrolls into non-visible part of window
Hi! I'm using accordion for my first time. At "normal" window size, this is full screen on XGA, my accordion is situated at the lower level of the window. when I now open one area of it, the shown content is placed out of the window, the user mus scroll down. How can I achieve that the accordion is automatically scrolled up into the visible area? Thanks for any ideas Martin
Loading content from remote page into ui dialog - problem!
I'm an newbie to jQuery, so sorry, if I sound stupid... My problem: I have a form, that I validate with this engine , and as long as I put this form into a div and call with $(''#testDiv').dialog();everything is fine. Submitting with UI-button and validation work as expected. But if I call my div with the containing form from a remote page with $('.edit').each(function() { var $link = $(this); var $dialog = $('<div></div>') .load($link.attr('href')) .dialog({
datepicker image -> icon and placement
So the thing is, I want to use one of the theme's icons (the calendar) for the datepicker trigger image. And I also want to control that image's placement. Now I know I can edit the code for datapicker/css but I really don't want to do that. I also don't want to add buttons manually and wire them to open datepicker because I have multiple datepickers around (dynamic, some not even available all the time) and it is inconvenient to have buttons around, but this will probably be the way I do it if there
jquery ui combobox
i m implementing jqueryui combo box, i have checked demo code in the link below http://jqueryui.com/demos/autocomplete/#combobox which is implemented for a single combo box on a html page, however in my case, i m having three combo boxes on a single html page, please kindly advise how to implement using jquery ui
display:none in accordion content causing sizing issues
I've got an accordion that I am filling while the content panels are hidden...specifically I'm filling some jqGrids via some ajax calls when the page loads. The display:none on the hidden content panels is causing the width of the grids to be incorrect while they are rendered while closed. This seems to be an inherent problem with having the display:none property used to hide content panels. Anyone know of a workaround? Regards, Bob
scale broken in IE when using origin argument
I've been trying to show a div using the show function with the scale effect. My code works fine in Firefox. When I test it in IE 7, it breaks. I narrowed it down to either the origin argument of the scale effect, or the time argument of the show function (which seems unlikely). Like this: Works in IE 7, italics added to show commented code better: $(document).ready(function() { $("#hover").hover( function() {$("#content_show").show("scale",{percent: 100, direction: 'vertical'});},//,
dragdrop ui position absolute
I have a button which adds new image elements to a page at a fixed location (left: 132 top: 0). Each new image will sit on top of the last one unless the user moves it. If the user clicks add image and moves the image then clicks new image again both images are movable; however, if the user clicks add image twice then tries to move the top image, the bottom image cannot be moved unless the top image has been deleted. I attached a quick example to better explain the situation. In the example, the
Sortable: equivalent for 'items' option when dropping?
I'm rigging up a UI with a series of boxes, inside each lives a list of items. The items can be sorted, and also dragged to a list in any of the other boxes. So far so good, Sortable makes that very easy, I was most impressed Where I'm stuck is with a slight behaviour tweak I'd like. The lists don't take up the full size of the boxes (the box consists of a header, the list, and the footer). I would like it so that if you drag an item anywhere on another box, the item will be added to the list that's
Problems using autocomplete within a (modal) dialog
There are several issues using autocomplete within a (modal) dialog. Most notably: 1) Autocomplete list is clipped by ui-dialog. This can be resolved by overriding the css. 2) To achieve a fixed height of the autocomplete list one can override ui-autocomplete css. However, clicking on scroll button in dialog scenario still causes blur event and autocomplete list closes. Any suggestions? Somewhat unrelated - autocomplete plugin adds each individual item to the ul list. I think the performance could
IE7 / IE8 problem
Hi, I am using a Wordpress theme that uses curvycorners and a fade/hover effect jquery scripts. Unfrotunately this is not working in IE7. When I hover over nav button the background fade is supposed fade but instead it gets really messed. Here's the website: http://www.van-hussen.com/ontrading/ Has anyone got an idea why this is not working in IE? Thanks, Mark
Autocomplete clipped by container
I have an autocomplete inside a container that has overflow:hidden. When the popup shows, it's clipped by the container. I noticed that a datepicker will show outside the container. Is there a way to get the autocomplete popup to show outside this container as well?
Switch tabs via text link AND modify an attribute of an object in the loaded tab panel?
I need to be able to click a link in one tab and do two things: 1) Switch to a different tab and 2) Change the src attribute of an iframe contained inside of the newly loaded tab's content only when the previously mentioned text link is clicked I can get #1 to work just fine as per the documentation example on how to switch tabs via text link. My problem is figuring out how to do #2. I've tried a bunch of things over the past couple of days to remedy this, but have been quite unsuccessful. Does anyone
Loading tabs.
Loading and image is not working in tabs, what to do?
Sorry, due to security restrictions, this tool only works in Firefox
Hi, I've make a fresh install of "firefox 3.6.3 pre" under ubuntu 9.10. When I want to use Themeroller from http://jqueryui.com/themeroller/developertool/ , Firefox tel me : "Sorry, due to security restrictions, this tool only works in Firefox" and the a page with only the word "False" appear on the screen. Does somebody have an idea ? Best regards Jack
X / Y Coordinates not displaying right on drag using jquery ui draggable
I'm attempting to get it so it displays the x/y coordinates as an object is dragged accross the screen. For some reason, it seems the coordinates are always 1 step off as I drag it. The following is the the function I am using to initialize the draggable: newTextboxParent.draggable ( { containment: 'parent', addClasses: false, drag: function() { $(this).draggable('option', 'grid', ($('#snapGrid').attr('checked') ? [ parseInt($('#grid_x').val()), parseInt($('#grid_y').val())
Using draggable/sortable on an object containing an iframe
Is it possible to do a draggable or sortable on a div which encapsulates an iframe? I have found when dragging these objects that unexpected behavior occurs, I assume because a loss of event focus.
It seems weird by using containment & helper property on resizable
Dear all, I used resizable on my rectangle object, and set the containment & helper attribute to implement my behavior. When I enlarge my rectangle, I hope it will limited on the block I set in containment. The helper line will help me to preview the size of rectangle be magnified, and it did restrict my cursor to exceed the border I set. But while I mouse up the resizable rectangle, it will exceed the block I set. And I do the same action on rectangle that already on the border, it will exceed more
Jquery ui and var issue
Hi, I do have some trouble with a modal dialog with ui jquery. I have to pass a param to a page and return the content within the modal dialog. I works fine for the first call but, without reload of the page, on next calls it is always the first selected value that is passed. Here's part of the code : $("#beer_list > div > li").live("dblclick", function() { var passed_param =$(this).attr("id"); var dialogOpts = { title: "My
Radio Buttons
Hi I've got a problem with the radio button. I copied the code on the button page (Button ). But the radio Buttons looks just like normal radio buttons. That's my code: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Radio Test</title> <link type="text/css" href="css/ui-lightness/jquery-ui-1.7.2.custom.css" rel="stylesheet" /> <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
(minor) Autocomplete interface issues on IE7 and IE8
I have IE8 installed on Win7. In "IE8 Standards mode", while hovering over the list items up and down, the size of the menu changes slightly. It seems like a pixel is added to each list item below the current "active" element. No screenshot of this case, just go to the demo page in IE8: http://jqueryui.com/demos/autocomplete/#remote-jsonp When using IE8 in "IE7 Standards mode" the above issue isn't present, but another one is. In this case, the border around the current active element is only present
Drag and Drop Clone problem
I need some help with the clone function using drag and drop. I am very new to jquery, so I'm sure I am just making a rookie mistake here, but any help would be appreciated. My application needs to be able to drag images from one div and drop them to another div that is the "droppable" area. These images once dropped must still have the ability to be draggable within the droppable area. I am also capturing the text from the image and saving it to a database. I have read many posts describing how
Drag&Drop: How to get snapped object
hi all. Is it possible to get the current object, the draggable is snaped to, at least in the drop callback function? thanx martin
Resize and Scroll
Hi All, I have a Resizable div. I want to allow the user to resize this div beyond screen borders. There should be scrollbars when the user drags the resize handle beyond left or bottom of screen. These scrollbars appear, but the user is allowed a very little scrolling, i.e. size of the div stops at a certain width and user cannot enlarge it further. Any help would be really appreciated. Regards, Khalid
Datepicker (1.8rc3) not transferring date in IE6
Using jquery-1.4.2 and jquery-UI 1.8rc3, I instantiated a datepicker on a text input with showOn: 'focus'. The datepicker appears correctly. However when I click on a date, the datepicker doesn't disappear and the dateStr doesn't get transferred to the text input. I tried adding an onClose: handler that calls alert(dateStr), and it does not appear that this event ever fires in IE6. Everything works fine in Firefox. I have Microsoft Script Debugger installed but no script errors were detected.
Question about bounce or an other animation for that matter.
I have a img absolutely position on a map in my site. I want the image to bounce when rolled over. simple enough. the problem I'm having is even with the stop() being used if i come up from underneath the img it will bounce n walk up the page. I can't get it to on mouseout (whether using hove, mouseenter/mouseleave...) go back to original coordinates before bouncing again. Any help would be appreciated. thanks splitfireX
Next Page