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!
I have some spare cycles to contribute & looking for some advice on branches/github
jQuery UI dev, My name is Jon Palmer, I'm a developer in the Boston area and have been using jQuery and jQuery UI extensively in my jobs and personal projects for four years. I'm finding myself with a few cycles spare that I'd like to contribute to the jQuery UI project. I've been working my way through the Trac queue taking a look at the bugs I can get a handle on (which seems to be a lot). I'm pretty familiar with Git and learning GitHub. I have two questions: 1. Other than bug fixing are there
Change to UI Dialog ASPX
Hi all, I am currently having to use a custom version of UI as the current one has a "bug" in it which could easily be fixed with an option. the bug is to do with the way the page posts-back (probably only in aspx,NET). Currently if i use a dialog with a text filed or any other filed in it, when the page posts back to the server, these fields and data are not posed back with it. I have a div: <div id="dialog"> <p>Add a new store.</p> <fieldset> <table>
UI-Widget - problem with automatic added css classes
As Todd Parker requested: My feedback for css-classes for widgets with headers. " One thing i‘m currently trying to make is something similar to the wordpress dashboard. When i try to add for ex. tabs to these „widgets“, than i always get some styles added like „ui-corner-all“. This makes it currently impossible (without hard coding right into the UI-tabs-file) to get a box with a headline/ui-corner-top and a content-area/ui-corner-bottom. I’m no Js-King, but i noticed, that classes, that are already
jquery treeview
Hi All I have a treeview.js and I wrote json code for items n subitems in .aspx page javascript. I need to write code for multiselecting treeview nodes after that if i click on a button the selected nodes should be copied or moved to another component(probably another div). below r the treeview.js and javascript code i used I also need a treeview.js which is suitable for this task to work.Please provide a link for latest version of treeview.js treeview.js treeview = function(tData, container) {
jQuery UI Listbuilder prototype ready for testing and design review.
The jQuery UI listbuilder as specified on the wiki design page has been implemented. You can find the demo with example usage scenarios here: http://nexul.com/prototypes/tokenlist/demo.html you can get the script here: http://nexul.com/prototypes/tokenlist/src/jquery-ui-listbuilder.js You can see the specification here: https://wiki.jqueryui.com/ListBuilder Please try it out and give feedback on the wiki specification page. This is not yet an official jQuery UI widget, but it may become one if
$.cookie in jquery ui 1.9m2
I use the jquery cookie plugin, and I see this in jquery.ui 1.9m2 line 10473: _cookie: function() { var cookie = this.cookie || (this.cookie = this.options.cookie.name || 'ui-tabs-' + getNextListId()); return $.cookie.apply(null, [cookie].concat($.makeArray(arguments))); }, This seems like it will conflict with something... why is it here and will it conflict with the cookie plugin?
setting partial options using the property setter?
I am trying to set a single sub-option on a plugin instance without overwriting the entire option. I am working with the button widget where the secondary icon was set on instantiation of the button, and afterwards I want to set the primary icon via the property setter. how can I do this? I tried this and I end up with only a primary icon: $("#toolbar").menubar({...}); //this creates a button widget for each button and sets the secondary icon during instantiation of each button having a flyout
jQuery UI 1.9 Milestone 2 - does Menu support nested menus?
The menu in milestone 2 looks good in the popup menu. The wiki page mentions all sorts of other types of menu that this script will support. Does milestone 2 not support these types of menus yet, or is it just lacking in demos? Specifically, I'm looking for menu bar capability per Visual design E2 on the wiki (http://wiki.jqueryui.com/Menu). I called menu on my top level ul and it shows the sub menu list in the same menu as the parent list item. Here is my test page: <html lang="en"> <head>
jQueryUI Custom Downloads - Managing features from version to version
hi, first off thanks for all of your hard work on this great framework; we've incorporated jqueryUI on multiple projects which we maintain and frequently update with the latest available framework library versions. We've found that while the custom download feature of jQueryUI is a great way to get (only) the features we need into a project, it becomes hard to manage which features need to be 're-selected' when generating a subsequent version (i.e. upgrading from jQueryUI 1.7.3 to jquery1.8.2) as
Changing Color of ui-icons_666666_256x240.png
Hello, if I open this file in Photoshop i get rounded corners. In the Mac Program "Preview" i see the right corners before i edit this file in photoshop. Is there any PSD file in which i can change the colors of the icons? Thanks in advance.
What's the right way to store private data in widget's instance?
Sometimes I need some of instance variables to be private, so I can't store them in options. So far I see 2 ways to do this, but both have disadvantages: First is to store them via .data() with a custom namespace, e. g. _create: function(){ this.element.data("myNS", { myVar: "some value" }) }This way seems pretty comfortable for me, but it is a straight violation of general jqueryUI coding standarts, which say: Don't save any data on the element other than the plugin instance.It
Datepicker should understand decrescent year listing
Hi people. Thanks for this very good datepicker. And we can make it better, if it would allow to adjust general font-sizes and width of the calendar and choose to inform a descending year listing. Unfortunatelly, the datepicker logic was done to impede inverted year listing. I had to hack my datepicker js to allow inverted year listing. For me it makes more sense that bigger years are in the TOP of the list and the smaller values at the BOTTOM of it. For instance, my datepicker is now configured
ButtonSet improvements
This is half feature request and half stuff I've hacked into my code which I'd love to be used by someone with a more intimate knowledge of jqueryui: ButtonSet is still selectable as text, this is not (IMHO) a intuitive ability for buttons based on the way they normally function in windows/linux/mac. As suggested here this can be acheived via: -moz-user-select: none; -khtml-user-select: none; user-select: none; ButtonSet does not conform with the rest of JQueryUi's buttons in that it has no
drage header and body of accordion
am using Jquery Accordion and Jquery Sortable and Draggable. I have created an accordion and i want to make accordion header and its content body draggable at the same time. now the problem is if is attach draggable/sortable to accordion directly then h3 (header of accordion) and div (content body of accordion) elements are draggred separately but i want to drag the h3 and div both at the same time. to achieve it i tried to put h3 and div both in a separate div block but then accordion would not
Tooltip with Connectors, Arrow, Pointer
i saw the page here http://wiki.jqueryui.com/Tooltip and build something else => http://github.com/salesking/king_tour from which parts/ideas might be taken to build the missing connectors/pointer/arrows my solution is by far perfekt and the use-case might be different but the tooltips can be positioned pretty versatile and the arrows are css only with outer borders. See the tooltip positioning with arrows here: http://salesking.github.com/king_tour/ => positioning tour
New menu() feature should be closable by hitting ESC
The new menu() feature is nice, but I think it should be closable by hitting ESC. This is something that a lot of people will try to do because they are used to it in normal menus. Dan
Autocomplete: term parameter name
Is it possible to add an option to change the name of the term request parameter, to either be set as an option or to default to the name of the form input i.e. <input name="search" type="text" /> would produce a request param of search instead of term
UI splitbutton
Hi There I was wondering if there are any plans to make a splitbutton widget? (I couldn't find any information regarding the splibutton menu in the jquery ui wiki.) I understand the splitbutton menu is not relevant to the button widget itself, but perhaps creating a new jquery.ui.splitbutton.js widget would be the way to go? Perhaps when the menu widget is complete, it could be used to create the menu for the splitbutton, is that the general thinking? Would users want a simple splitbutton widget
Slider with a fixed range
Hi, I want a slider which selects a range of 3 out of 10. It could be done with the range slider but then the range could be changed and that should not be possible. Yet it should work as a range slider because I need the two values of the range. As an attachment I added an edited screenshot which will make clear what I am looking for. Greetings Tomas
draggable/droppable scope bug
Apparently there is a bug in the implementation for the scope option in draggables and droppables. I couldn't get scope to behave so I asked a question on Stackoverflow and got a very helpful and informative response from user Simen Echholt. I'm not a jQuery contributer, nor am I familiar with jQuery's internals, so I don't know if this is a known bug or not, but I'm posting here just in case. My original example is on jsbin here, and Simen's edit with his jQuery extension to fix the issue is here.
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
_setOption function not called in first initialization of widget
Hi, I'm creating jQuery widget and I notice something strange, when you initiate a widget with an options object as parameter, the _setOption() function (wrote in my widget to overwrite the default one) is not called, but if you call it again with the options the _setOption() function is called. Is this on purpose or is a bug? $('div').myWidget({ 'optionName': 'value' });
Please try not use $(element).data() in Widget.
The $(element).data() call is very expensive because it triggers setData/getData events, which in turn make some other .datat() calls. If the events are not needed, please use $.data(element, key, val) call which are much faster. The jquery Widget has one expensive $(element).data() call on _createWidget:function(). This make creating hundreds of widget very slow. Please replace: this.element = $( element ).data( this.widgetName, this ); with this.element = $( element
Problem with dragging multiple items useing revert and helper options? (includeing examble)
Hello, First of all, my script dose include messages system that should be having selectable and draggable with useing some good feature by jquery UI. Well, using selectable is working pretty fine without any problems, but once i added the draggable, I got 2 problems. The problems that i have: 1- When i select multiple items and then drag them, it wont drag all items, It just drag the item that i push, And the items should revert back, because im using (revert and helper options). 2- Im doing a simple
datepicker issue with html height 100%
hi, i'm trying datapicker and i've a issue... i've in my css "html, body {height: 100%;}" this cause a little problem with datapicker, because when the page is loaded there are some pixel (about 10-15) after the footer, when i click on the datapicker field this space disappears... then the problem there is only when the page is loaded... how i can fix it? because i need height: 100% for my template... thanks in advance
Position Dialog using Position Object
Hello, I have created a patch to allow the postion of a dialog to be specified using a position object. With this patch you can do the following: $("#dialog-modal").dialog({ height: 140, modal: true, position: {my: 'center', at: 'center', of: '#test_form'} }); The patch does not effect the results of the Unit Tests for the Dialog, and all of the original options for the dialog's postion option should function as expected. The patch is against the master branch, alternatively the a branch with
Theme URI in Theme download
When one customizes their own theme using the theme roller, downloads it, implements it, then later decides they want to make small changes to it, for example changing the icon color for default button state. That person is currently SOL, because even though they have a hard copy of the theme, they can't go back to the theme roller and say, "Remember that theme I was working on last week? I want that theme, but change the icon color." The URI of the download page holds all the meta data required
Widget : callback or event handler ?
Hi, I've been studying how to create widgets with jQuery UI, and I'm now wondering what the difference between callbacks and event handlers is. In the widget definition, I can write this line to trigger a 'change' event. this._trigger('change', 0, data); And to catch this event, I can write one of those lines : $('.target').mywidget({ change: function(event, data) { alert(data); } // callback to handle change event }); or $('.target').bind('mywidgetchange', function(evt, data) { alert(data); });
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
Urgent: jQuery datepicker onchange event
jquery datepicker are actually triggerred by on focus event. how can i modify the core if i want to trigger the datepicker by both onfocus and onchange event? i do not wish to modified it one by one at my jsp, thus, im looking forward to change it in the js and register the input field with onchange and onfocus event. Please help. Thanls
Firefox Bookmarklet Get Theme
How feasible would it be to make it so when you use the Firefox bookmarklet on a page that uses a jQuery UI theme to give you a link to the ThemeRoller page with all the elements of that particular theme set? I had created a theme a long time ago and forgot to save it but it's still on my website and can't think of an easy way to get it back other than redoing the whole thing. Just an idea :) Mike
bug with modal dialog
When the focus exits the dialog and enter again on the document it set on the first element focusable, and don't go to the second neither go back, it remains locked. Also, the focus order on buttons of the dialog are inverted.
asynchronous resize in Resizable/ui
it would really help if resizing an object will resize the oposite of an other object $.ui.plugin.add("resizable", "asyncResize", { start: function(event, ui) { var self = $(this).data("resizable"), o = self.options; var _store = function(exp) { $(exp).each(function() { $(this).data("resizable-asyncresize", { width: parseInt($(this).width(), 10), height: parseInt($(this).height(), 10), left: parseInt($(this).css('left'),
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?
Access to labs
What do I need to do/ who do I need to talk to in order to get access to work on the labs branch? I see the process for the items in git, but it looks like the lab branch is in svn still. Specifically, I want to apply a couple of fixes to Selectable. Basically, I need some of the features in that refactor, so I'm going to be fixing some bugs with it anyway. I figure I should commit those changes back to jquery once I am done. If I am mistaken and the refactor is in git somewhere, please just point
[Ticket #6585] Invalid string argument in show doesn't degrade like jQuery Core
http://dev.jqueryui.com/ticket/5685 Take this example of jQuery Core getting a invalid string in .show(). $("#ID").show("SlowAsFatCat"); Even with invalid string $.show() will still show the element with id of ID. Example: http://jsbin.com/acoxe4 If jQuery UI is loaded onto the page the $.show() method in the effects library will take over as it thinks the invalid string is a effect. But if it can't find the effect to show it does nothing. It doesn't fall back to doing anything or it doesn't display
add rotation awareness to $.fn.position
Hey guys, I'm trying to figure out a way to make the position method context aware, modifying the final position of the source element if the target is rotated in some form. Whenever I try to move elements beside a rotated target, the positions won't work as expected. I was trying to do some matrix transformations, but I'm too newbie to actually bootstrap something quickly, it would be pretty cool if someone from your team could guide me, or see if you would be also interested in adding this type
buttonContext parameter for Dialog buttons
The jQuery ajax call allows me to specify the context for my callback. I have a class with several methods, one of which makes the ajax call and another which is passed as the callback. In this case, I pass "this" as my context so that my callback can reference the instantiated object. Another method in the same class creates a dialog with buttons, and again other methods are passed as the callbacks for those buttons. However, I cannot access the class variables in the normal fashion (i.e. using
Issue [and possibly a bug] with Draggable - Sortable Connections
This is in reference to jquery sortable. and particularly a few lines of code involving the callbacks provided by it. calling attnt to the ui.sortable file and line 989 to 996 as of commit ( a4488aff7) : [http://dev.jqueryui.com/browser/ui/jquery.ui.sortable.js]. As is evident when an external draggable object is dragged into a sortable the line 989 triggers the receive callback. and line 990 triggers the update callback. the ui param passed to receive is created by passing this.fromOutside to
Next Page