Disapointed with new Button icons option
Been really busy and was just tasked with looking into upgrading to the latest jquery ui, however I am very disappointed with the button icons as functionality has been removed. We have developed a few web apps, and many of them have buttons with an icon on the left and a drop down icon on the right. With 1.12 it seems that a button can now only have 1 icon, thus removing functionality. Why not leave the icons option, instead it should consist of objects of icon objects ( {icon:"ui-icon-plus", "icon-position":"top"}
How can I attach two different callbacks to one jQuery UI widget?
With custom jQuery Ui widget, you can attach your own callback functions to it by passing options to the plugin. However, if I want to attach one callback to "generate_img" event and later on another different but not mutually exclusive behaviour to the same widget event "generate_img", the later one will replace, instead of adding to the existing behaviour. Is there a way to solve this problem? Thanks.
Bug in QJueryUI TAB widget
Hi all, I just found out a bug in JQuery TAB widget. The bug occurs when you invoke the page which contains the widget with a different URL. For Example: OK: http://localhost/page_with_tab_widget.html NOK: http://myseleniumuser:password@localhost/page_with_tab_widget.html Both URL are actually the same, the first URL is normally used by human beings, because the browser knows automatically when basic-auth is required, shows a dialog, and then continues with the basic-auth header. But when you want
datePicker changeMonth and changeYear selectors need title text (Accessibility)
A compliance checking tool such as Wave http://wave.webaim.org/ reports an error on the month and year selectors, because they have neither label nor title text. The easiest solution would be to add title text, which should of course accommodate localization.
draggable helper : what is it ?
Hi. I'm experimenting with draggable/droppable. From the documentation it's not perfectly clear to me what the helper is and what is the difference between ui.draggable and ui.helper objects and by consequence what the clone option is for. ui.helper - the jQuery object representing the helper that's being dragged May anyone help me understand this? Thank you in advance.
Datepicker request
i am hoping to open this title to correct place. Is it possible to have functionality like functionality this calendar has. https://forum.jquery.com/topic/clickable-title when you click april you see all months in a box. And when you click year you will see years in a box. Same principle is valid in windows calendar too. Thanks.
Publishing jQuery-UI version 1.11.2 to npm
We recently moved to npm from bower. Unfortunately version 1.11.2 is not supported in npm as its nor published. jQuery-UI version 1.11.2 was recently approved for eclipse smarthome project by eclipse CQ team(which took almost 3 months). But as npm does not have 1.11.2 the development of some features is halted. I know it a lot to ask but it would be really great if we could get version 1.11.2 published to npm. Approved CQ for jQuery-UI: https://github.com/eclipse/smarthome/pull/788#issuecomment-168435447
I've Developed TreeView Control
I've developed TreeView Control based on JSON model, how can I submit it to jQuery UI project to be tested and get implemented?
When will the NPM package be updated to 1.11?
The blog post for 1.12 Beta mentions that the npm package is now maintained by the jQuery UI team, which is cool, in this wasn't the case. Unfortunately, the npm still serves 1.10.5 as the latest release. Is there any reason that 1.11 hasn't been published on npm? And if not, when will the latest version be published?
Can I talk about my apply to GSOC2016 here?
I am interested in the jquery-ui project, but there is no mailing list on the gsoc idea page. I have asked the same question on irc channel, but no reply. Sorry to bother.
jQuery UI 1.12.0 Beta 1 Draggable bug?
In a fixed (or absolute) positioned element with either "bottom" and/or "right" styles set, Draggable does not work. It gets resized rather than being dragged. (tested on Win7/OSX/Chrome 47/Firefox). This works as expected on 1.11.4 but not in 1.12.0 Beta 1. Sample code: <!doctype html> <html lang="en"> <head>
menu widget - items without text marked as dividers
I would like to be able to have a ui-menu-item that consists solely of an icon. With the widget currently, this will become a divider. Please note my pen: demo This is due to the decision code which merely looks for the presence of non-hyphen, non-space text: ui/widgets/menu.js:515 _isDivider: function( item ) { // Match hyphen, em dash, en dash return !/[^\-\u2014\u2013\s]/.test( item.text() ); }, Is this a design decision or an oversight? I've got a patch for a fix so that if the item has
event.preventDefault() and IE
I am using jquery 1.4.1.min.js I just discovered that event.preventDefault() causes errors under IE 8. Thanks to Google I found this work around. if(event.preventDefault){ event.preventDefault(); }else{ event.returnValue = false; }; Is there a more elegant way to handle this?
closeText option in dialog
Hi I see that the closeText option in the jquery ui dialog is not working. A google search reveals discussions in which people say that it does not work because the text indent property is set to -9999. However when I use css to counter this, I get the image on a line beneath the text and the title bar gets taller. It seems to me that this feature has not been completed. So I am thinking of making my contribution by finishing this feature. I propose to add an option to set the close button type.
new Option implemented
Hi! I implemented possibility to show only month-year in calendar: added an option "showMonthYearOnly". Want to get it into the the trunk... Attached a diff to formatted jquery-ui.js v. 1.10.3 Any interest?
release date of jquery-ui 1.12.0?
Hi dev-team, I'm waiting for a bugfix which is planned for v1.12.0. Could someone please give some further infos about a possible release date of v1.12.0? Thanx a lot for feedback Patrick
How was code contributed before GitHub Pull-request was used?
Does anyone know how the code was contributed to the project before GitHub Pull-request was used? via patch on mailing list or issue tracker? Is that history archived? Thank you! Shin
jQuery UI for designers
jQuery UI is loved by developers for the powerful features it enables, but from a designer point of view, the default styles usually needs a complete override that can be really cumbersome. I would love to be able to have 2 distinct CSS files, a first CSS with the base styles, only the strict minimum to insure the correct behavior and a second file with the optional styles that would match the current look and feel with theme customization. This way you could add only the first CSS file and have
jqXHR object in load(event, ui) event within the Tab widget
Would it be possible to have the jqXHR object after an Ajax request has arrived? Of course I can attach a handler to the ajaxComplete event but what if there is some logic that is required within the tab's behavior? In the snippet I have below, I need to read some information that comes along with the response headers and act on it before the tab is fully loaded. $("#tabs").tabs({
load: function (event, ui) {
// FYI ui.jqXHR does not exist here
if (ui.jqXHR.getResponseHeader("X-LOGON") == "LogOn")
{
// Prompt user to log in first before the content is shown
}
else
{
event.preventDefault();
}
}
});
jqueryui grid
The upcoming jquerui grid seems to be the right thing for me. All links to the grid do not work, but it seems to me that the upcoming grid will be based on the jsrender, jsobservable and jsviews plugins from boris moore. Which way should I choose to be compatible with future development of jqueryui ? Kind regards Markus Fritschi
$.text() feature request
I think it is nice to have wrapper for document.createTextNode('text'). It can be $.text('text') or even $('"text"') My current use case: var label = image.after(document.createTextNode('text')); will be var label = image.after($.text('text'));
Forms in ui Dialog
I have a standard form which uses .php to process. I have put this inside a modal window. It loads ok and displays fine following all the css rules. However, I can not select any of the fields / buttons or type in any of the fields. I would rather get this form to work than have to rewrite it all again. How do I get the already created and working form to work in this window or do I have to recreate the form using the dialog widget?
tabs - why isnt there more basic functionality?
Hi all! Dont get me wrong, i dont blame you, great work anyway ;) I am just wondering whether there is a special reason why there is no dynamic add/remove functionality (for example) included in the basic plugin? I am thinking about extending the plugin in that and some other ways but i am not sure whether thats the way to go. I also could realize such functionailty in a module via separate functions instead of extending the plugin (so i would provide functions which the id of an tab element as parameter
Datepicker Positioning
Using 1.4.2 and ui 1.8. I have an text box datepicker. I want it to display above the text box, and cannot figure out how. I read the docs, searched this forum, read some of the code... This should be easy. In Chrome it appears above. On IE and Firefox it appears below. Any help appreciated. TIA
jQuery mobile reloads iFrame on panel opening
I have stumbled upon this weird problem, where an iframe in the content area of a jQuery mobile site is reloaded the first time I open a panel. Any subsequent opening does not reload the iFrame. You can see it in action in this fiddle: http://jsfiddle.net/jakobgt1/Z3mmn/7/ (watch the network requests). <body> <div data-role="page"> <div id="nav-panel" data-role="panel"> <a href="#my-header" data-rel="close">Close panel</a> </div> <div data-role="content"> <a href= "#nav-panel" data-role="button">FooBar</a>
In console.log it printing url alone and also it doesnot showing image in my webpage
my JSON data "image":{ "path": "../image/Penguins.jpg", "width": 200, "height": 200 }, my script $(document).ready(function () { var tran = null; $.ajax({ type: "GET", url: "../data/data.json", dataType: "Json", success: function (msg) { var image1 = msg.image.path; console.log(image1); $("#abc").append(image1); }) } });
What's the rationale of not exposing object's events handlers collections?
What's the rationale of not exposing object's events handlers collections? I've stumbled upon a situation where I wanted to pause all current transitions by registering all transitionend handlers, changing all properties to their current used values, pausing transitions (with forced style refresh afterwards so that it makes effect), running a custom callback and then restoring everything, including handlers. I know this particular case is probably not the most common one but there are cases when
Is it possible to make selectable a sortable ?!
Ok, probably i'm trying to do something not so right ... but i'd like to have my list ( UL / LI structure standard ) selectable AND sortable. I've tryed executing before selectable and after sortable.... and also te opposite.. ma the list remains only sortable. Is it NOT possible or simply i'm doing something not well ? I tryed to log with firebug the start event but it simply doesn't fire // Avvio il sortable // Memorizzo l'ordinamento attuale in un cookie genresContainer.sortable({
Module names and test names prevent QUnit operating
Hi, I've just started working with QUnit this morning and I'm getting some unexplainable behaviour. Calling a module anything other than "QUnit Test" and a test anything other than "Sample test" will prevent the tests from running at all. This works (in Safari 4 and Firefox 3.6): var domReady = function(f) {document.addEventListener("DOMContentLoaded", f, false);}; domReady(function(){ module("QUnit Test"); test("Sample test", function() { expect(1);
jshint errors
I noticed jQuery UI's .jshintrc file, and decided to run JSHint to check for potential bugs: $ jshint . demos\datepicker\jquery.ui.datepicker-ar.js: line 5, col 31, Strings must use doublequote. demos\datepicker\jquery.ui.datepicker-ar.js: line 5, col 26, ['ar'] is better written in dot notation. demos\datepicker\jquery.ui.datepicker-ar.js: line 6, col 27, Strings must use doublequote. demos\datepicker\jquery.ui.datepicker-ar.js: line 7, col 33, Strings must use doublequote. demos\datepicker\jquery.ui.datepicker-ar.js:
Working on accordion: Why does this change break a unit test?
So I was fiddling with accordion (I'm getting ready to suggest a feature, but would like to try and make it myself so it's easier to see the suggestion) and I noticed that in the _eventHandler method and the eventData property has an unused value 'newHeader' that doesn't appear anywhere else in jquery.ui.accordion.js so I tried deleting that line and the accordion still appears to function all the same. I ran a unit test, however and it produces some errors. · accordion: events: beforeActivate (2,
Autocomplete with Ajax and Autofocus should select even after a blur
I know this is probably by design, but if you have an autocomplete with autofocus set, and the user tabs out or blurs before the list appears and an item is selected, the list never appears and no item is selected. I realize that this may be good from a theoretical programming browser perspective, but from a usability perspective, this is bad. Once a user gets comfortable using a form, the user will want to move faster. He will know and expect that when he types in "Rio" for example in a city field,
Where is the headers object as used in accordion declared?
Greetings all, Simply put, I'm trying to roll some new accordion functionality involving things such as a headerless accordion (maybe even extensible to an accordion grid), and a horrizontal accordion. I'm new to developing for jquery ui so I'm modifying the existing accordion for the headerless kind, even though much of the mutually exclusive design and functionality make it a separate widget. Since I won't have headers in a headerless accordion, either removing or renaming the headers object seems
ui-dialog with chrome 25
Hi all, First, sorry for my english ... Since chrome 25 ( 25.0.1364.152 m ) , when you put option width : "auto", dialog component takes all browser width. it wasn't the case under chrome 24, FF or IE. chrome bug ? or jquery-ui is using something special for chrome that doesn't work with this update ? is there a workaround ? Thanks in advance for replies !
tabs() not working if there is a base href in the templates header
Dear JQuery team, just found an issue with tabs(). I wondered why my tabs content was shown on top of each other in every tab. Reason was a <base href="http://....."> in the templates header. As soon as I removed it the tabs worked well. Maybe this is an issue to have an eye on it for the future. Greetings Bernhard
Why do we wrap plugin source code with function($)??
The document on jQuery official site documentation metion nothing about it but yet everyone wrap it like that. (function($) { //plugin code })(jQuery); I make my own plugin without wrapping it, it still works. So what is this about?
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;"
will immediate child selector be deprecated?
there is a note on: http://api.jquery.com/child-selector/ Note: The $("> elem", context) selector will be deprecated in a future release. Its usage is thus discouraged in lieu of using alternative selectors. I need this feature and in irc channel i got another solution: context.find(">elem") What i am wondering is since $(selector,context) won't be deprecated(will it?) and ">elem" can be used in .find(), why $(">elem",context) will be deprecated? Thank you~
Dialog pop-up on page load?
Hey, I'm an intern at programming corporation, writing a web application with jQuery Mobile. I'm quite new to jQuery Mobile, so wondering how to make a dialog pop-up on page load. For instance, as user enters the web page, Terms of Use -dialog would pop up and user has to either agree or disagree with them.
how do I .on('elementCreation')?
Lets say I have this <label id="cloneme" class="baa"><input type="checkbox"></label> <div id="foo"></div> and this $('#foo').on('??creation??', '.baa', function(){ if ($(this).find(':checkbox').is(':checked')) $(this).addClass('ischecked'); }); Then I do this // some iterations where ischecked may or may not be true $('#cloneme').clone().attr('id','').appendTo('#foo').find(':checkbox').prop('checked', ischecked); I can't wait until they're clicked, the class should be ischecked if the checkbox
Next Page