Nested sortables cause strange behavior in IE
Having connected nested sortables seems to cause odd behavior in Internet Explorer(both 7 & 8). Example here: http://mastersite.sohowire.com/sortTest.php To reproduce: Drag 'cinco' or 'cuatro', and the entire green container and everything inside it disappears. A double placeholder will show up, sometimes with a gap in between them (straddling other items). I've tried to simplify the example, however the results seem to vary with more complicated implementations. In my actual app, IE is deleting
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
Found an issue in trunk version of jquery.autocomplete.js
Hi, I have found an issue with the latest (r3795) version of jquery.autocomplete.js. It is actually in the ui.menu widget that it in that file. You can see the problem if you setup a simple ajax autocomplete and mouse over the results - a javascript error occurs. The error occurs because of line 333-ish in the refresh function: .mouseenter(function() { self.activate($(this).parent()); }); At this point in the code, 'self' is a reference to the window object, rather than the menu object. The
JqueryUI on github
I heard (podcast or something) that jQuery is moving to gitub.com, has that happened yet? If so what is the repo called , otherwise when is that scheduled to happen ? Thanks Justin
Make it possible to return other elements
Hi, I am trying to make a jquery ui widget that can be used together with other things, example of what I want to do: $('#droppable').mywidget().droppable({drop: function() { alert('Something dropped"); }); My widget: $.widget('ui.mywidget', { _init: function() { $('<div></div>').insertAfter($(this.element)); } }); Unfortunatly, this only makes the original #droppable droppable and not what was inserted extra. What would be nice is if the widget could return what elements should be continued to be
jQuery UI Demos Page Needs $(document).ready?
When visiting several of the jQuery UI demos this morning, I noticed that the initial demo did not start. I experimented by adding a $(document).ready block around the initial UI script, which seemed to clear the problem. I found this first on the Dialog demo page, where the "default functionality" dialog was displayed as straight text on the page rather than popping up as a dialog.
Plugin support for themeroller
I would like to see support in themeroller for plugins to define their own UI elements that the user can then style using themeroller, in addition to the standard framework styles. For example, look at the demo for the data tables plugin at: http://www.datatables.net/styling/themes This plugin supports theme roller but the plugin uses additional styles that are not covered by the CSS framework - e.g. the odd/even band colours for the rows of the table. I would like to see an enhancement to themeroller
Core newbie question - submiting patches for missing tests
What is the correct way to submit patches for missing tests? Should a ticket be submitted, and the patch attached? Thanks Justin
UI Dialog causing iframe to reload content every time 'show' is called
Hi, There is a bug with iframes in UI dialog. Here is the ticket: http://dev.jqueryui.com/ticket/4534 It's quite old, and the fix is attached there. I've checked it with 1.7.2 and it works. There is any reason not to merge it? Thanks.
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.
Include text fields, checks, radios and combos with TR themes
You've about everything else there, why not these things? They are, after all, ubiquitous elements of web sites...
Attach ui.autocomplete searching event on propertychange/input instead of keydown
Why not use the onpropertychange(msie)/oninput(firefox) event to catch content changing in autocomplete plugin, so that it can fire the search event on content changed by other event like paste from clipboard or chinese input method? Now I map the event to keydown manual outside the control : if ($.browser.msie) ele.onpropertychange = function() { $(ele).trigger("keydown"); }; else ele.addEventListener("input", function() { $(ele).trigger("keydown");
autocomplete as selectbox?
dear all! i was just wondering why there is no selectbox (nor combobox) widget in the new release, since the UI and API would be (almost) the same... has somebody tried using autocomplete as a selectbox? thanks Michael
using the submit event with modal form dialog
A way to make the dialog UI modal form demo respect the enter key for form submission Add '<input type=submit style=display:none>' somewhere on the form Add 'onSubmit="return false"' to the form opening tag Put the form validation code in: $("#dialog-form").bind( "submit", function() {... } Change the create button to: 'Create an account': function(){ $(this).trigger('submit'); } Tested and works in IE6/7/8 and FF3+ I think this should be the default operation of a modal dialog and
Exploding Sideways!
For some reason when I switch to UI 1.8, the explode effect on my dialog window "explodes" to the left instead of evenly out in all directions. Is this intended or a bug? Using jQuery 1.4.1, UI 1.8rc1
whole zip file downloads when trying to d/l TR theme only
First, great work on UI. It's beautiful. I'm trying to d/l TR themes individually. I've already d/l the entire thing once with the lightness theme, but now even when I deselect all, I get all files, including the jquery library file, core, all widgets, effects, everything. I'd rather not have to download everything twenty times, and then pick through each unzipped directory to pull out the necessary files (not that I know what they all are, but I would get it figured out.) Even when I go to the d/l
UI Dialog with iframe
Hi, I would like to use UI Dialog with iframe. I use the commad $('<iframe src="someURL"/>').dialog({autoOpen: true}); to open new dilalog. My problem: When I call dialog.open(), the Browser produces two requests to the server. One of them is never ending. There is the similar problem, when I call dialog.destory(). I found this (uiDialog.next().length && uiDialog.appendTo('body')); at row 4321 in jquery-ui.js of version 1.7.2 in the open method. I thing this line do nothing because there
1.4.1 does not seem to like UI 1.8rc1
With 1.41. + 1.8RC1 In IE8 I get very often "Stop running this script? It's slow..." and only thing that makes it go away is to stop loading UI totally. I get these breakpoints from IE debug console (in varying order) when stopping the script: Operation aborted jquery-1.4.1.js, line 3629 character 7 Operation aborted jquery-1.4.1.js, line 3628 character 35 Operation aborted jquery-1.4.1.js, line 3628 character 23 After I stop the "slow scripts", my script still results good data (drags/drops,
Combining ThemeRoller download and the download builder into one
Paul did some great work on the download builder and TR downloader over the weekend and now the zips generated by them are almost identical. The next step is to tie them together into the download builder. The logic for extracting images and writing the ui.theme.css file can easily be brought into the download builder's php. Then, the download builder simply needs one more form input for a theme URL and all ThemeRoller downloads would get pushed over to the download builder for configuration. How
1.8rc1 dialog position
Hi guys, i want to open my dialog on position ["center",20]. This works great as long as the viewport is bigger than the current dialog. But if not, than the dialogs position is left: center, but top:-130 (for example) Here is my overlay-call $("#overlay").dialog({position:["center",20], width:431, height:300, minHeight:false, minWidth:false, modal:true, draggable:false, resizable:false, dialogClass:"customOlay"});
jquery ui dialog extended with minimize, restore and maximize buttons
Hi, I'm extending the dialog to have more funcionalities but i need to disable resize and drag when it's minimized. I though i could override the method "resize" and "drag" but i can't find how. I attached the file, but my doubt is: I have i variable which stores the state of the dialog (eg, if it's minimized or maximized) and i'd like to check it overriding methods for resize and drag, if it isn't minimized, i'd call the default method. how to disable resize and drag only when it's minimized? Any
overlay preventing basic keyborard "browser" functionality
I was playing with the dialog overlay (modal) and noticed that in trying to prevent the user from interacting with the page under the overlay, it is also preventing the use of some basic browser functionality. Basically the overlay captures a list of events (focus,mousedown,mouseup,keydown,keypress,click) and says that if the event did not happen in the current dialog then prevent the event. This works fine for mouse events, but when it comes to keyboard events it is also preventing access to the
No Drag/Drop Events in 1.8rc1?
Hello, I'm having some problems with drag events when using jquery 1.4 and UI 1.8rc1. The event is not being triggered when I drag and drop elements.. Anyone experiencing the same issue?
Issue with Slider demo
If you head to the Slider demo and click the "Multiple sliders" example, any sliders you load after that one become vertical. Steps to reproduce: Load Slider demo Click any of the first few examples and note they're horizontal Click the "Multiple sliders" example Click any of the other examples and notice how they're now vertical Tested in Firefox 3.5.7 and Chrome (Windows).
404 on Resizable demo
http://jqueryui.com/demos/resizable/ gives a 404 on jquery.bgiframe.min.js The full location is http://jquery-ui.googlecode.com/svn/tags/latest/external/bgiframe/jquery.bgiframe.min.js Ticket filed: http://dev.jqueryui.com/ticket/5133
Using sortables on images causes placeholder issues
Basically, see here: http://jsbin.com/ayige Firefox (and possibly some other browsers?) do not let you style an empty IMG tag with a width/height, so there's a broken placeholder under your sortable. Chrome seems to do just fine though and apply the width/height to the image. I've fixed this on my site once already in the past (forgot to report this), but noticed it pop up again when I updated to the latest files. My fix was basically to put ".attr('src', 'url to a spacer gif')" in the _createPlaceholder
button release outside
Hi, Their is a problem with the "button" jQuery-UI widget, when I click on a button and release outside, it stay on "over" state
explode effect z-order incorrect on Firefox, effects break draggable
I show a div with a higher z-index value than some others using $('it').show('explode', {}, 'slow');and during the explode animation it appears below the lower z-index elements when using Firefox but on top as expected using IE 8 I tried using other effects such as slide but that messed up dragging for the shown element (i.e. once shown it couldnt be dragged, with explode draggable works as expected) Originally I had just been using show('fast') but that messes up the transparency during the animation
1.8RC1 I am having issues with IE8 w and w/o Compatibility Modes
Is this a know issue... I cannot seem to get anything to work in IE8 with the 1.4.1 and 1.8rc1
resizable: ignore height change on horizontal resize?
I use .resizable to build a two cols layout (sidebar and main-area). The sidebar is absolute, 0px space relative to both top and bottom, and need to be resized horizontal. <head> <style type="text/css"> html, body { width: 100%; height: 100%; margin: 0; padding: 0; } #sidebar { position: absolute; top: 0; bottom: 0; width: 200px; background: blue; } #main { position: absolute; top: 0; bottom: 0; left: 200px; right: 0; background: silver; } </style> </head> <body> <div id="sidebar"
$.ui.resizable.prototype._mouseDrag
Hi, $.ui.resizable.prototype._mouseDrag{ ... el.css({top:this.position.top ... ... this._updateCache(data) Now _updateCache sets what the css above it needs. So we have to do another mouse drag to let the _updateCache have its effect. Why? So why is the _updateCache after the css ? Thanks, Eric J.
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
tab post option
It seems reasonable to have a post option with the tabs. It is possible currently to set the tab to post by changing the ajax method to post, however, there is no way to easily provide a parameter with the post. (forgive my missing it if there is). To have a post option with a url and param(s), would be most beneficial. As another thought, if a callback could be added before the load, one could set the parameters for a post... this could also be useful for checking updates not saved, etc... Thanks,
autocomplete dropdown box messes up other elements on page
I'm just wondering if autocomplete's dropdown box is absolutely positioned or not, because as soon as it opens it changes the layout in my form. My form is made up of nested tables, and each element of the form is within a table cell. When autocomplete's dropdown box opens, it must be opening inside the table cell because the whole table row takes on the same height as the dropdown box screwing up my layout completely! Wouldn't it be better if it were absolutely positioned so that it wouldn't affect
jQUI Dialog display behavior is broken from 1.7.2 to 1.8rc1 for ASP.NET pages
I use a pretty standard technique for displaying dialogs on an asp.net page. It is well known that when showing a dialog, it is moved to the bottom of the BODY in the DOM, when in fact it is usually needed inside of the page form (id=aspnetForm usually). Below is an abbreviated bit of code to show how I accomplish this: function showDialog(id) { $(id).parent().appendTo("#aspnetForm"); //... $(id).dialog("open"); } In 1.7.2, the style attribute of the dialog container dive was set to
Effects Still Breaking Dialogs (Latest Builds)
I've read that this has been fixed in the latest release, but using jQuery 1.4.1 and UI 1.8b2 still result in show/hide effects breaking dialog widgets. var myDiv = document.createElement("div"); $(myDiv).dialog(); // this works $(myDiv).dialog({show: "drop"}); // this doesn't I really want to switch to 1.4, but this is a deal breaker.
Hide bounding box in ui.selectable
When using ui.selectable, there is a bounding box that appears when the user begins selecting. Would there be a way to hide that bounding box?
Interest in sprint/meetup in the DC area?
Are there any developers in the DC area who might be interested in getting together for a jquery-ui (or jquery) development sprint? Thanks, Salman
1.8rc1 Can't Download jQuery UI & Redmond Theme
Hi guys, I am currently running v1.3 with Redmond and am trying to download the new release, but when I select Redmond as a theme, I can't download. Any other themes seem to work. Tried at home and at work and got same issue. Noticed a few other posts about Themeroller issues, just adding this one in caseit hasn't been noticed (search forums for issue but didn't find anything). Also, does anyone know if I need to download a fresh version of the theme or can I use my existing 1.3 redmond theme?
1.8rc1 Autocomplete menu above the input
Is it just me or sometimes it happens to the results pane in autocomplete to be placed above the input? I think it is something about the number of results from the server: it actually happens when I try to simulate a selectbox behavior with the autocomplete, with over some hundreds of items. Thanks, Tyron.
Next Page