Add an afterdrag event to draggable
I think there should be an callback for immediately after the drag has occurred. The reason I've needed this is because I've needed to manipulate the draggable after its been dragged (specifically, without stopping the drag). My current use-case is as follows: The user can drag an image around to select an appropriate cropping, but I need to prevent them from dragging any part outside of its container, thus creating whitespace. This is difficult because: 1) Returning false from the drag event stops
Extension mechanism for jquery templates
I was looking at http://wiki.jqueryui.com/w/page/37898666/Template . It seems a bit sparse right now. I'm happy to spec out things like grammar based on the existing documentation but thought I'd post a strawman here. The goals of this proposal are to: (1) capture the existing grammar documented at http://api.jquery.com/category/plugins/templates/ (2) propose a grammar that allows for custom user-defined extension tags (3) enable user-defined pre-processor passes Grammar CompilationUnit ::== *(
Contextual auto-escaping for JQuery templates
I'd like to make JQuery templates robust against XSS by using the contexts in which ${}s appear to choose an appropriate escaping function automatically. Is this something in which the jQuery community would be interested? Details at http://js-quasis-libraries-and-repl.googlecode.com/svn/trunk/safetemplate.html cheers, mike
proposition a new component - TREE
In many modern CMS (Drupal, Wordpress) we have in admin panel TREE for management menu where you can drag + drop + sort menu elements. It would be nice to see in jQuery that widget (and then we could integrate it with language PHP or C# + database using Ajax request). For example if we have html code: <div id="tree" style="cursor: move;"> <ul class="sortable"> <li class="draggable" id="recordsArray_6"> <span class="droppable" id="6">PORTABLE ELECTRONICS</span>
[solved] How to autoclose a jquery ui dialog with timeout?
hello, i am very new to jquery. there is one thing i can not get working. how can i autocloe a dialog? $(document).ready(function() { var $dialog2 = $('<div></div>') .html('Wollen Sie sich abmelden?') .dialog({ autoOpen: false, title: 'Abmelden', resizable: true, show: 'fade', hide: 'explode', height:140, modal: true, buttons: { "Abmelden": function() {
RTL
Hello, I just started playing around with jQuery - and found it fascinating... ...however I saw some logical bug in the datepicker. As one, who works on RTL web automatically tested datepicker like that. The only problem I had is about the place of the button used to open the calendar. jQuery states that if it is a LTR control the button should be after the original control, but if a RTL one the button should placed before. In fact it is true ONLY if you have a LTR page with some RTL controls on
Date Picker global "leak"
I noticed that the Date Picker stores a global ("DP_jQuery" + dpuuid) for conflict avoidance even if no widget is ever created. Whilst it would be better not to have it at all, couldn't it be at least deferred until the first time a date picker is instantiated?
jQuery UI Carousel
Hi there, Can anyone provide any information on the current status of the jQuery UI Carousel widget as the planning page hasn't been updated for a fair while - http://wiki.jqueryui.com/w/page/12137729/Carousel Does anyone know if it's still in the pipeline? Cheers, Rich
Ticket #7113, I added new comment but cannot reopen. Take a look? (scott.gonzalez)
I narrowed down the cause of the issue I described further. I can't reopen it and it appears that my change doesn't send an alert or anything. Also I don't know how to send a message to you, Scott, so I guess this forum post is all I have (wait, found email too :). Please take a look if you have time. http://bugs.jqueryui.com/ticket/7113 Thanks! Michael
Browser scrolls when starting sort
This issue might be related to http://forum.jquery.com/topic/sortable-offset-when-element-is-dragged-and-page-scrolled-down-ff I have a sortable list on a page, user needs to scroll at the bottom of the page down to see the list. There are some relative positioned divs in the DOM hierarchy (which I believe is the cause of the problem). When an item is moved, it gets positioned absolutely - jQuery UI 1.8.10 line 3289 (the line above is a comment: TODO: Still need to figure out a way to make relative
JQuery UI for not supporting IE6
I am not jscript develper, but I know, lots of js and CSS is written to support IE6 quirks. I am think, jquery team can fork another branch for core + CSS code, which supports IE7+ , FF, chrome only. I think, jquery code might be more stable and resilient, if we take out IE6. Once that forked branch is stable, then Jquery team can give option to users, which version to use. Hopefully, users will stop using IE6 compliant version and JQuery team can deprecate their IE6 version. PS: The reason,
Dialog - why does the close button use an <A> tag?
In our application we've noticed that hovering over the 'x' close button dialog box causes the browser status to show '.../path/#' in the status bar, or in Chrome make that appear as a popup in the bottom left. When adding extra buttons to the title bar I've used a <div> instead of <a href="#"> and then added this to our CSS to make sure we get the right cursor. *[role="button"] { cursor: pointer; cursor: hand; } Is there any particular reason (accessibility?) why the current code uses that <A> tag?
HTML 5 markup for widgets
Hi all, I am new here but a long time user of jquery UI. I am starting my activity in this space with an idea: - should the widgets use the new html5 semantic tags? I think this is a great help for developers because it would make the markup of the widgets much cleaner and easy to remember. I blogged about this but you dont have to go there, the key idea is most widgets represent paradigms that are easy to follow with semantic tags: - accordion is a TOC and a TOC in html 5 can be a nav element
Text Effects
Just some thoughts that come to mind looking over this... Sean started working on an effects.text.js that implements the following "effects" functions: textExplode, textConverge backspace, type disintegrate, build blockFadeOut, blockFadeIn They work beautifully so far, but I think we need to try to make this more like the other effects, and use "show" and "hide" modes of the same animation. It seems other effects tend to use the "hiding" operation i.e. "explode, drop, fold, blind" Also - a little
How to make the menu pop-UP
I am using jquery ui menu, it works nice, pops down as supposed. Is there a way to tell it to pop up? Bonus question: is there anyone who managed to do this: by default pop down, but if there's not enough place (the bottom of the list would be invisible) then pop up?
Pull request procedure/etiquette
I created a GitHub pull request (#104) on January 29th for a fairly straightforward change, but it's been sitting for quite some time. I was just wondering if I am missing something process-wise-- that perhaps I should re-submit it or do something differently. I experienced this with another previous pull request (#35), so I'm suspicious that there's a process to pull requests that I'm not following. I enjoy using jQuery UI and giving back where I can, so any feedback is greatly appreciated. Pull
Bug in icon-only button
When create icon-only button ({text:false, icons{primary:"icon-gear"}}) button has class ui-button-text-icon-primary that move primary icon to the left side. If remove class icon moved to center. upd: i see in jquery.ui.button.js line 296: append classes to array line 308: remove classes from element!!! buttonElement.removeClass( "ui-button-text-icons ui-button-text-icon-primary ui-button-text-icon-secondary" ); i think this need a fix. line 317: add classes from array => classes overwrited.
Helping UI Development
Hi, my names Philipp Kremer and I'm a developer from Germany I'm use the jQuery UI to build my own UI and I sometimes develop my own plug ins for jQuery. What can I do to help this fantastic project? Ony of my projects you can download from google code. It's very new and might have some bugs (sorry for this ;-) You can find it here: http://code.google.com/p/jquery-multiline/ The zip file contains a full demo. Feel free to use it. At the moment I'm not using the JU JS framework. My next goal is to
Widget Class Diagram Generator?
Hi, I've been (ab)using the inheritance feature of the Widget Factory, and now I have a really long chain of inheritance that I would like to document. Are there any ways to generate such a documentation, (class diagram) that reflects what is inheriting from what? Thanks, Ignacio
Tooltip breaks when adding bind event
Tooltip stops working in IE/Opera when you add another bind event to the element. I am including an example - http://exodus.quadspeedi.net/~rhutchison/tooltip/example.html Tested in Chrome/Firefox (works fine). IE/Opera fail.
Again on sortable theming info
I'd like to thank the team who fixed into api doc the info about theming for sortable... but when I write ( here: http://forum.jquery.com/topic/missing-theming-info-into-sortable-documentation) i was talking about an other part of the website: http://jqueryui.com/demos/sortable/ (where the tab on theming is missing) Could I suggest you to 'join' the two section in way you must write only one time the same info ? Again, thanks a lot for your work ...my work on javascript it's incredibly increased
Missing theming info into sortable documentation
that's not a bug but i scraped my hand a long before my example was running... please add theming info to official online doc&demo about sortable. PS: you're making a excellente work. !
Linking datepicker and selectable
Hi all, For my development, I would like to know if there is a way to overload a datepicker with a selectable object. Indeed, I would like to have the datepicker layout, but I would like also to be able to select multiple ranges of days. I'm currently using a selectable object only, but I was just hesitating to merge the selectable code into the datepicker one : 1. I loose the possibility to upgrade to a higher version of jquery 2. I duplicate the selectable code Did you have the concern of using
Autocomplete menu issue
I'm noticing a weird issue when using autocomplete with a remote datasource that takes a bit of time to return. (Noticed in jQuery UI 1.8.9) If you've typed some text, and then move your mouse around on the menu while waiting for the source to return some data, the input value is reverted back to what it was before the last data request. For example, with a datasource that takes a couple seconds to return: -type some text, and wait a couple seconds -a menu appears with some options -type some more
Pulsate "opacity" parameter
Opacity parameter to allow user to specify lower bound of opacity in pulsate effect. Pull request at https://github.com/jquery/jquery-ui/pull/125 Note: There is a comment about >100% opacity being allowed but the only way to do that would be to pass in >1 as the opacity parameter. Not sure if a special guard should be put in place for this.
UI Slider support for date ranges
Can the UI slider be updated to support date ranges?
Droppable to dynamic created table problem
I had this problem, i want to generate a time table and allow droppable from <ul> list. However when the table is generated dynamic from javascript, the table row cannot be droppable, where nothing hover, active behaviour trigger. However if i prefix the table by default (not dynamic create) i can drag from <ul> list to droppable table specific row. Is that the jquery droppable not function on dynamic created table <tr> or <td>? I search around but nothing related with my problem. Any help
Jquery UI Tabs and cookie option problem
I change jquery and jquery ui to the last version (1.4.4 and 1.8.6) and i noticed a problem with tabs that have a cookie option set. The tabs don't load the ajax content and with opera the error reported is the following : Uncaught exception: TypeError: Cannot convert 'b.cookie' to object Error thrown at line 381, column 633 in <anonymous function: _cookie>(): return b.cookie.apply(null,[d].concat(b.makeArray(arguments))) called from line 384, column 388 in <anonymous function: _tabify>(d):
suggestions on spinner
I had not so much time to look into your spinner control. But so far: use a span-element as a wrapper. this has two advantages over div IE6/IE7 do support display: inline-block on "native" inline elements like span, but not on div span is valid inside other inline elements like input-elements, div is not don't set height - other than auto - on the wrapper-element, let the developer only style the input and the wrapper will automatically adjust his size also add left/right arrow keys to increase/decrease
ui position utility bug
I am having a problem with the position utility when I call it more than once on the same element. Here is a demo of my problem - hover over the button and the popup appears, but each time you hover over the button, it moves down and right. It doesn't appear to be the same problem reported in this post. So, I'm not sure if I am using the utility improperly?
Custom JQuery UI widgets
I just wondered if there is any place where people can post their own widgets (not included in the jquery ui roadmap) so we all can have extra widgets to enrich the jquery-ui library. I mean besides the general Plugins repository. I have developed a content slider widget using the jquery-ui widget factory, and it is theme roller ready.
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.
Widget with sub-widgets
Hello, I'm working on the ticket #3905 (http://dev.jqueryui.com/ticket/3905) . To simplify the problem, when an accordion with autoHeight is in a tab, and the tab is hidden, the resize function of the accordion is called and makes the accordion height equal to 0. And then the accordion is never displayed even if the tab becomes visible. I made a first partial fix, making the accordion visible but the autoHeight option is not applied. I test if the accordion is hidden, in this case the function
Shortcut for .offset().top/left.
Hello! Sometimes I need get offset top and left, I need do: var offset = $(...).offset(); alert(offset.top); alert(offset.left); But it is strange, maybe I can do, simply: alert($(...).top()); alert($(...).left()); It can help to get offset or relative position, or set. $(...).top(50); // eq. .css('top', 50); A boolean can represents "get relative": alert($(...).top(true)); // eq. $(...).position().top Bye.
new setClass effect (with use cases)
Input fields in ajax forms often have multiple visual states, usually stored in css classes such as .default, .invalid, .modified, etc. I could not find an easy way to animate those input fields from their current state to any new class. addClassdoes not remove the current classes. switchClass requires knowledge of the other classes (introducing code duplication). Doing $(elem).attr('class','').addClass('myClass'); transitions from the default style rather than from the current style. With the patch
Change event not raised when using datepicker in IE8
When using IE8 and entering a date using the keyboard the change event isn't raised when the input loses focus if the datepicker was visible whilst entering the date. Steps to reproduce: Use IE 8 Focus the input field (datepicker should show). Enter the date "10/10/2010" in to the first input field (do not close the datepicker). Tab to the next input field. Result: The page still shows "Date: none" Expected Result: The page should show "Date: 10/10/2010" http://www.jsfiddle.net/gUc5c/8/ Notes: The
Made bug fix - unsure how to proceed
Hi, I'm new to jQuery UI development and stumbled upon a bug in the datepicker. I tried to submit a bug report in trac, but it won't allow me to file it. At http://bugs.jqueryui.com/newticket I get "TICKET_CREATE privileges are required to perform this operation". Anyhow, I managed to write some new tests for the bug and fix it in the implementation. I pushed the bugfix to my fork git://github.com/pheiberg/jquery-ui.git (15a21d537ab3af0c80f3). Since I had no bug to file it against, the commit message
Why does the draggable plugin call my on-drag function before moving the draggable element?
This question comes from the problem I described in this thread: http://forum.jquery.com/topic/need-help-fixing-wobble-for-a-draggable-object#14737000001649978 I would expect that the draggable sequence of events might look something like this: 1. User clicks and drags mouse 2. JQuery UI moves the draggable element. 3. JQuery UI runs the specified drag function. Based on my experimentation, it appears that it actually follows this sequence: 1. User clicks and drags mouse 2. JQuery UI runs the
Addition to Number Textbox
Hi, My self Ankur Raiyani. I posses 4 yrs of experience as J2EE developer. Here i have tried to develop a small addition to plugin. This functions identify the number text box using an attribute and apply 2 functionality. (1) it will only allow numbers. (2) it will automatically apply given format while typing. Please refer attached example. Change the extension to ".html" Waiting for positive feedback. Thanks, Ankur Raiyani
text-indent bug (bugs.jqueryui.com isn't working for me)
text-indent: -99999 on icons makes adjacent inline elements disappear too. To reproduce, view this in IE8 with Browser Mode: IE8 or IE8 compatibility view, and Document Mode: Quirks Mode. <html> <head> <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/base/jquery-ui.css"/> <style> /* "body" required for reproducing bug */ body .ui-icon-star { background-image: url('/some-url-404'); /*
Next Page