jQuery Menu Example
Hello, i've just downloaded 1.8 RC1 and found the code for Menu in the source, saying that we can already test it. I want simple dropdown functionality like: <ul id="menu"> <li><a href="/">Item 1</a></li> <li><a href="/">Item 1</a></li> <li>Submenu Title 1 <ul> <li><a href="/">Subitem 1-1</a></li> <li><a href="/">Subitem 1-2</a></li> </ul> </li> </ul> now when i execute $('#menu').menu(); jQueryUI adds some html code but the menu isn't working... :( Can anyone give
1.8rc1 Events with checkbox and Button
Hello, I am playing with the new Button feature. I have two issues. 1. I can't get it to work with the click event. Consider the example : <p> <input type="checkbox" id="check" /> <label for="check">Click me !</label> </p> <script type="text/javascript"> $('#check').button({ click: function() { console.log('button click'); } }); $('#check').click(function() { console.log('input click'); }); </script>Outputs after each click (in firebug) : input click input clickBut no 'button click'.
1.8rc1: Autocomplete - Search Options
Hi, had a look at the new Autocomplete Widget in jQueryUI 1.8rc1 and compared it to Joern's Autocomplete jQuery plug-in which I'm currently using. Are there any plans to support some of the more advanced options like matchCase matchContains multiple (and multipleSeparator) mustMatch autoFill selectFirst Or is there another way to change the search behavior for example to case sensitive and strict? Or do I have to implement my own source implementation? multiple would be really cool for fields which
Why developing jQuery UI is so slow?
Highly impressive & useful widgets & utilities are in planing (& some are in development for a very long time) as listed in the WIKI: http://jqueryui.pbworks.com/ It is listed there for a very long time & the UI development seems to be very slooooow! Why is this? (Why jQuery not come as a commercial product & employ more workforce? Undoubtedly there is a massive market for jQuery!)
When is the next release of jQuery UI due please?
I'm using 1.12.1 and bug #15078 is due for release in the next version. I can't see anywhere on the blog indicating the next planned release date. Thanks,
Sortable receive: how do I get new item?
Hey everyone, Heres the situation: I have a draggable that I am plopping into a sortable list (its clone, anyway). I need to copy some (but not all) of its data() into the new item in the sortable. However, for some strange reason, ui.sender and ui.item both point to the same, original object. Which doesn't seem to make much sense, especially since the in the beforeStop stop event, which is fired BEFORE the receive event, ui.item points to our newly created item in the sortable. There are of course
Autocomplete: when user enter all the letters of an item, select it
Hi everyone! suppose you have these items: - Hello - Hello world - Hello Everybody and the user start entering in the autocomplete "hello" and click elsewhere on the page, the autocomplete loses his focus and theres no item selected. In fact, the user have entered all the letters corresponding to an item in the list. is it possible to detect that the user input refer to an item and select it even if the user didnt click the item? take for examples these two implementation of an Autocomplete - http://jquery.bassistance.de/autocomplete/demo/
Autocomplete
Good Morning I need your help urgently. I implemented a jQuery autocomplete functionality. However, it only works for Chrome. I could help with this problem. My code is as follows: $(function() { var availableTags = [ "ActionScript", "AppleScript", "Asp", "BASIC", "C", "C++", "Clojure", "COBOL", "ColdFusion", "Erlang", "Fortran", "Groovy",
How to make jquery autocomplete to work for a contenteditable DIV instead of just INPUT, TEXTAREA fields.
I have a use-case to make a DIV element act as a TEXTAREA by setting its attribute to contenteditable="true". Can I use the DIV's DOM handle for the autocompleter to behave as a textarea autocompleter. Currently the plugin 'as is' is not working over the DIV handle. What changes should I do for the plugin to work for all the above elements? Thanks in advance!
How to add new language
I would like to contribute and add new language in datepicker languages (i18n), but I don't know where to post the file.
Multi-column Autocomplete?
I've been working a tabular data option into the 1.8 Autocomplete code, and am curious if this could be something to add officially. I'm sure that I'm not the best JavaScript coder out there, but this seems like a pretty big feature that I would love to contribute. So far, I have extended the options to include "columns" to define an array of your headings and "dataColumns" as an array of expected JSON fields in the result set. I will be wrapping up with this soon, and was just curious if this would
jQuery UI Tabs div order
I dont know if this is a bug or not, but if i change the order of the divs, then it show that the first tab is active, but actually displays the content of the second div. This "bug" appears in the latest 1.8 build, the 1.7.2 works correctly. So is this a bug?? Code example: <div id="tabs"> <ul> <li><a href="#tabs-1">1</a></li> <li><a href="#tabs-2">2</a></li> <li><a href="#tabs-3">3</a></li> </ul> <div
"Old" themeroller URL is broken
The new Themeroller only supports 1.9+ for theming. But there are still many instances where themes compatible with versions older than 1.9 are needed. Up to a few days ago we were able to go to http://old.jqueryui.com/themeroller/ to continue to use it. But now suddenly the link is dead. Help?
jQuery UI Datepicker initial display: none; fixup
Hi Guys! I found a very minor, but very annoying problem about the Datepicker widget. On the first instance's init, when a new div instantiates with a lot of classes, it's initially "visible" and have some padding (so, if there is a site, with a huge "wrapper" class with a background-image in it, and the page has a different body background, it might start to mess with the page design) Once you bring up the calendar, and after click away, on blur this "bug" will disappear by getting a "display: none;"
jquery dropdown menu not working ie6
jquery menu not working in my form drop down..for that ie6 .. This my menu.css file .. /** ********************************************* * Prototype of styles for horizontal CSS-menu * @data 25.01.2010 ********************************************* * (X)HTML-scheme: * <div id="menu"> * <ul class="menu"> * <li><a href="#" class="parent"><span>level 1</span></a> * <div><ul> * <li><a href="#" class="parent"><span>level 2</span></a> *
Draggable sets real height and width on container
A similar bug was originally reported in 2014 and appears to have been addressed, but it's still there. Fiddle is self-explanatory (shows height issue only, but there's a width issue as well). https://jsfiddle.net/marvmartian/umuw0kzz/ A decent workaround is to save the container width/height in the start: handler, and restore it in stop: handler. But that shouldn't be necessary...
Themeroller: Icons do not save with custom "Theme Folder Name" set
I've used the themeroller several times in the past so I consider myself "comfortable" with it at this point. I noticed my custom theme wasn't saving my icon images correctly, so while I was doing some debugging I realized if I left the "Theme Folder Name" at it's default setting "custom-theme" the icon images would save correctly. If I changed it to anything but the default the icon images wouldn't work. Hope this helps.
UI Button FOUC - small change proposal
Hi There I'm using the excellent ui button widget to convert my buttons. I have only only issue with the widget itself. Due to the nature of the system i'm working with, it's not possible for me to create/instantiate the buttons immediately after they have loaded in the document, so there is quite an obvious FOUC. To get around this, I apply the relevant UI styles to the relevant elements. This works nicely for some of the UI widgets (eg tabs), but does not work for buttons. If I have the following
jQuery UI Tabs 1.10 - Off-Left hiding of charts and maps
Hi all, I tried posting in the Using jQuery UI section but got no response, so 'll try posting here as well. I have used the off-left approach on the ui-tabs-hide class to get all my chart and maps which are placed in hidden tabs to display correctly. This seems to have been a widely used work-around for a particularily annoying problem. Since jQuery UI 1.9 the ui-tabs-hide class has been removed and replaced by the hide() method. Not surprisingly all my charts and maps are now being displayed incorrectly.
ThemeRoller
Hello! Why has suddenly ceased to work http: // jqueryui.com/themeroller/developertool/? I integrated it into the project, and now I do not know how to solve this problem. Help, please. Thanks.
jquery UI dialog and html checkbox imput
Hi to all. I want to use jquery UI dialog and i have placed a checkbox on div that should be displayed as a dialog. <input type="checkbox" id="cb_auto_save" name="cb_auto_save" onclick="set_state(this)" > set state function looks like this for the moment function set_state(obj) { if($('#cb_auto_save').val()== "n") { $('#cb_auto_save').val("y") ;} else { $('#cb_auto_save').val("n");} } when i try to check the checkbox everything works fine , except the fact that after the function
What does jquery ui destroy() need to destroy?
What exactly gets destroyed by calling $.Widget.prototype.destroy.apply( this, arguments ) ? Or, equivalently, what needs to be destroyed in the code for a widget's destroy method? And I have an app that uses several pages that have jQuery ui widgets, DOM elements, classes, etc. As the user goes from one page to another I am expecting to have to destroy the widgets along the way to navigating to navigating among the pages. Is that correct?
Accordion difference between 1.7.2 and 1.8rc3?
OK, I'm trying out 1.4.2 and 1.8rc3. I have my code shared in such a way that I can run the exact same markup through jquery1.3.2 and UI 1.7.2, or I can run it though 1.4.2 and UI 1.8rc3. The only other difference is the theme. I'm using a downloaded gallery theme for the UI 1.8rc3 (checking the 1.8rc3 radio prior), a custom theme for the UI 1.7.2. My Accordion is different under UI 1.8, there is a line break after the icon in the header, and there isn't a line break on UI 1.7.2. I vaguely
jQuery UI Button w/ Icons Not Working in Google Chrome 5.0.396.0 dev
Today I noticed that the demo showing the jQuery UI button w/ icons (http://jqueryui.com/demos/button/#icons) is not working correctly with Google Chrome 5.0.396.0 dev Here is a screenshot... http://bit.ly/dztm7K I have reproduced the error in jsFiddle http://jsfiddle.net/elijahmanor/GJYms/17/ Here is a screenshot in Chrome... http://gyazo.com/618c37e9fb9d66ff833d78e802ed9018.png Here is a screenshot in FF... http://gyazo.com/b0fa41f665465aed9213f9b01c809281.png
Testing jQueryUI 1.8rc on Chrome - losts of errors
Where's the test matrix for jQuery 1.8? I'm getting a bunch of errors when running the unit tests locally. I'd like to know if there are tracked, how they are being resolved, etc. I'd assume 100% would be the goal for a release. Just trying to understand how that works.
Lots of broken stuff with Chrome.
I am using Chrome version 5.0.342.9 beta for Windows. I also use Chrome on a Mac but can't remember the version. While I haven't tested UI with my Mac, on my Windows machine, I've noticed a LOT of the demos simply don't work. Like the draggable demo where a block is supposed to be contained within its parent. I can drag it anywhere. Plus tons of controls show the radio button when they are not supposed to. For example, on the Themeroller, there is a radio button on the upper-left of "Font Settings".
Button with icon not displayed correctly in Firefox when button has css height.
Hi, Got a couple of html buttons that I'm applying the jQuery UI button widget to, with icons on the buttons. These buttons have a css style to set the width & height. In IE the icons are fine, to the left of the button in the middle aligned with the text. However, in Firefox 3.6 the icon is at the bottom left corner of the button. If I take the height style off the button then the icon is aligned correctly. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
"Proper" jQuery UI widget extension with v1.8 rc3????????
First of all, congrats out to all the hard work by all hands involved with jQuery UI v1.8 rc3. The reliability of display / use of the datepicker when activated inside a modal dialog has improved immensely!!!! So my questions are: I had a functioning extension in v1.7 that v1.8 rc3 broke. I made some changes as highlighted below and got it working again -- so all is well, but... Can I use this approach to jQuery UI widget extensions going forward? If so, is it the "best approach" to doing so? Functionally
Draggable connect with Sortable inside tabs
Using a draggable connected with a sortable: is the draggable and sortable are display: none while they load (if they are ajaxed into a ui.tab), the positions of them are off. ui.draggable (v1.7) calls sortable._refreshItems() on dragStart, but should instead use the method sortable.refresh(); DIff output: 449,450c449 < // sortable._refreshItems(); //Do a one-time refresh at start to refresh the containerCache < sortable.refresh();
Line breaks and right position and width of ui-tooltip
Is it or will it be possible to enforce manual line breaks with ui-tooltip? I've been experimenting with it and see this requirement especially when I have a tooltipped element on the right of the page which is too long. Right now it then moves all the way to the left of my parent div which is not what I want. I'd rather like to have more line breaks instead. Another way to do it would be the max-width CSS style which works fine; however I would need two different sizes for left and right positioned
Questions for distance Tabs
If the number of tabs exceeds the width, they are transferred to another line ..... You can do the same as in Firefox?
trigger syntax in UI does not appear to work
I am trying to programmatically call the dragstop event of a draggable but it does not appear to work with the syntax I'd expect. When I use a different syntax it does not pass through any event or ui details so I don't seem to be able to access these parameters. I have posted a similar question here - http://forum.jquery.com/topic/calling-draggable-droppables-events-using-triggers - but I felt this is a more fundamental issue and so decided to post it separately. I trust this is okay. Other post
Datepicker bug: only 5 days in March 2011
If you open the datepicker demo page on http://jqueryui.com/demos/datepicker open any single month view picker, and navigate to March 2011, it only shows the first 5 days on the month, but if you select a multiple months view it's fine. I've tried it on two PCs: Windows XP-SP3 with IE6 and Firefox, and on Win7 with IE8,FF,Chrome. all showed the same bug. The weird thing is it worked on another XP-SP3 pc on both IE and Chrome. Any Ideas?
jQuery UI 1.8 - Use of _init
I am current upgrading my custom ui widgets to work with the new version of UI. I am wondering what exactly is the use of _init in the new jQuery UI 1.8? From the change doc it says: A new _init() method was added to perform "default functionality" _init() is called every time the plugin is called without passing the name of a method to invoke I am guessing that it is to be used as a "reset" functionality to get it back to the initial state. So _create is used to manipulate the document and
Buttons and ui-state-active
So I've been working on a new UI theme that implements the jQuery UI CSS Framework, while simultaneously writing the UI components for script.aculo.us 2.0. The goal is to make all jQuery UI themes compatible with scripty2 UI, and vice-versa. But I've hit a snag while working on buttons. It seems that the ui-state-active class is overloaded to represent two things: On regular buttons, it's used to indicate the "down" state (applied on mousedown and removed on mouseup). On toggle buttons, it's used
Autocomplete: Open Event -- empty UI param
Howdy Folks, I am working with the autocomplete ui component, and am having an issue with the open event. Specifically, the open event is passing an empty UI object. My question: How can i get the UI object to be populated with the actual UI object of my widget and not be blank? I want to be able to reference my widget instance from the open event. open: function (event, ui) { console.log(arguments) //-> [ {event object}, {empt object that I think should be the UI object} } Thanks in advance!
JqueryUI trac, bugs tracker throwing errors
I'm getting errors when clicking on the reports in the bug tracker IntegrityError: (1062, "Duplicate entry '10597a3be3e467c-0-query_href' for key 1") Hope this is the correct place to report this ! Justin
can't stop dragging after double click
I'm working on a webkit based browser on ubuntu linux. After double clicking on a draggable div, I can stop dragging the div. The dragging doesn't quit after my mouse up. I'm using the ui.draggable api. I noticed that the way that it receives the double click is mouse down - mouse down - mouse up - mouse up. Can't change webkit, so anyone know I can handle this so as to prevent this behavior?
Dialog is slow like hell
I was unable to use your Trac, because it thinks i'm a robot. Hello. I've used both 1.7.x and 1.8.x versions of the UI library, and both 1.3.x and 1.4.x versions of jQuery, but the bug still remains. The summary is: my modal dialog is slow like hell. I was going to make it fade in, but for now I can just show it immediately. But that's not the main issue. The main issue is that it does not just appear and disappear very slowly, but it slows down the content inside it and the content outside it too.
UI dialog and .load loading a page in div
Hello everybody I have a problem with my UI when I use my dialog dialog IU its function perfectly normally. But when I want to open my dialog IU in the external USING. Malfunctioning load its During his march 1 clicks But if I click a 2nd time I'll open the dialog that I opened on 1 click and open my new dialog. So if I click a 3rd time I bah 3 window (dialog UI) that opens Its as if my. I load creates a loop while I remove. Load all works perfectly. Here is my code var $dialog = $('<div></div>')
Next Page