Reorder transition animation will increase user experience
Hi, i think one idea behind animated page transition is to increase performance experienced by the user. This will work when silde animation starts immediately after the user clicked on smth. and just showing a progress bar when the content is still not ready after the animation finished. In my opinion JQM does transition animation in wrong order. First, jqm starts the progress bar and if content is ready jqm start the animation. In fact this will extend waiting time. Reordering animation will increase
Gather form data into JS object
I'd like to know if there's any method to gather form data into a JS object, just as form POST would have sent it to the server. I think such method would be helpful to tweak the parameters a bit, before submitting it to server. Although I could do that via modifying 'value' of 'input' elements, I think it'd be helpful if jQuery can gather the post data in a JS object and return it (so that, for example, I don't have to traverse the form and deal with selection and radio button input elements) Maybe
Allow autocomplete on the login form
I frequently forget my login ID and password, and the login form doesn't allow my browser to remember them (google chrome). As a result I'm constantly going to the forgot password page. Forgetting my password is my own fault, but I think there are a couple of ways to make this easier for people like me 1. It wouldn't be so bad if not for that nice checkbox that said 'Keep me signed in' on the login page, which I always check. Apparently the cookie doesn't last that long because I always get logged
[Autocomplete] Add an option : match
Hi :) It would be great to be able to enclose matched result in autocompletion with tags we wants. Something like that : $("input").autocomplete({ source: "url.php", minLength: 2, delay: 750, appendTo: "#tag", match: function (matched) { return "<strong>" . matched . "</strong>" } }); Thanks :)
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
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
NEW (MVC PLUS) LIBRARY OVERVIEW.
MVC PLUS library is the most advanced component set exists now, in this long video (39 minutes) you will see a demo of it in .NET version , another java version is exists also. (if you dont like to see the way of MVC development just simply go to 23rd minute of the video) VIDEO Link is: http://www.screencast.com/t/HP0SqOATe6eC any question: ryansamiee@gmail.com
Animate using CSS3 instead of JavaScript
I'm converting a jQuery-based web application for use on mobile and need to make use of the hardware-accelerated performance of CSS3 animations. Ideally I'd like a plugin which overrides some of the basic animation (i.e. fade) functions to make use of CSS3. I've searched around but can't find anyone that has tackled this problem, so I'm considering writing a plugin myself. Any pointers appreciated. Thanks N
Add animation step callback to jQuery UI effects?
Hi! Would it be reasonable to add a per-animation-step callback to jQuery UI effects? So that when you e.g. hide() something, http://jqueryui.com/demos/hide/ then, on each hide animation step, the per-animation-step callback is invoked. Background: I want to redraw SVG arrows on each animation step, when e.g. something is slided/folded in/out. I've done this for the Resizable interaction (there's a resize event, triggered on each resize step). But for jQuery UI effects, there are no per-animation-step
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?
Better support for dynamically creating/update DOM elements
I've created a rich data communications library in JavaScript for my company. It models our Java based Component API as a remote API in JavaScript. This is great because I'm able to write sophisticated web applications just out of JavaScript, HTML and CSS. Just about everything can be written in the client. With faster JavaScript support for the client, this seems to be the current trend of web development. In particular, this approach works well when developing a truly open web app for a Smart Phone
Contextual Auto-escaping for JQuery Templates
I would like to try and make jquery templates more resistant to XSS attacks by looking at the context in which ${} appear and using that to choose an appropriate escaping directive. I have a simple demo that doesn't handle branching or loops at http://js-quasis-libraries-and-repl.googlecode.com/svn/trunk/index.html that you can play with. Try choosing one of the "Safe HTML" examples from the dropdown at the top-right. I'd like to make that work with jquery template syntax, handle {{if}}, {{each}},
Using jQuery with C#
SharpKit has an open-source C# interface into native jQuery So any C# developers among you guys might find it helpful for getting to know jQuery, and use jQuery in a more familiar environment. The code is open-source and well-documented using xml documentation. Check it out, it's available here: http://code.google.com/p/sharpkit/source/browse/#svn/trunk/SharpKit.jQuery SharpKit compiler enables C# developers to use this code in order to generate proper JavaScript using only C#. The compiler is free
JQM : Touch optimized iPhone-like Horizontal Slider control (screenshots)
Hi, Recently I was working on jQuery mobile and thought of creating a control that looks similar to the one on iphone while you go to app store. since jquery moblie supports touch events, I optimized slider script to support swipe left-right events. Test swipe left and swipe right events on following URL. it works grate on mobile devices. However sliding easing is not smooth. I'm sure any jQuery master will modify script and make it work properly. Here is the test link Demo : jQuery Mobile - Slider
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,
JavaScript Hashmap Equivalent
It would be interesting to have HashMap capabilities in Jquery Core as it's a very common and usefull feature. I found a link with possibles implementation: http://stackoverflow.com/questions/368280/javascript-hashmap-equivalent What do you think about it?
add a readystate 2 and 3 to $.ajax
hello, i came accross a post on stackoverflow.com where someone was asking the exact same thing i was looking for. The conclusion was that you couldnt use $.ajax if you wanted to handle the readystate 2 so i made a patch for jQuery: http://stackoverflow.com/questions/3309185/jquery-ajax-overwrite-onreadystatechange-handler/5271480#5271480 the awnser form Paul Scheltema is it possible to include this in the core? i took a quick look at the latest stable (1.5.1) and i saw that you could do a similar
undelegate namespaced events
I noticed that undelegate doesn't seem to work with a custom namespaced event. If you undelegate('selector', '.namespace') it doesn't work, but if you unbind('.namespace') that same thing, it does. Here's a fiddle that explains what I expected http://jsfiddle.net/matthewlein/7LRmR/ seems like something useful for plugins or widgets that want to delegate.
Addtions to attrHooks
For jQuery 1.6 there will be the ability to set custom 'get' and 'set' hooks for getting and setting custom attributes. I thought it would be a good idea to have a 'remove' hook in there as well. My idea behind this is mainly for backwards compatability. For modern browsers you would use the data-* attribute and for older browsers you might use $.data instead ( to overcome memory leaks as an example). You would need a 'remove' hook for checking which one was used and to take the right action. So
KiTE - lightweight template engine.
In two words: KiTE as a template engine that uses {{mustache}} idea of minimalistic template definitions. Major differences: It works 40 times faster than original {{mustache}}. And 2-3 times faster than jQuery.template(). It has conditional sections {{? foo == "bar" }} it is a bar {{/?}} It supports custom formatters: {{born|date}} - the engine will call custom date() function for the 'born' field. KiTE is published here: http://code.google.com/p/kite/ You can visit http://terrainformatica.com/kite/test-kite.htm to
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
Show a compatibility chart for UI and jquery releases
I find it is always a bit hit and miss when i upgrade the UI and jquery because it is never clear which versions are fully compatible with another. I understand that there is a bundled jquery version with the UI download and I always assume that that is the latest safe version, however I think it would be a very useful addition (judging by the number of 'my-version-is-not-compatible' questions found online) if there was an easy to find compatibility chart on the UI website, updated for every release.
a little JSON content validation in globalEval
The SHOUTcast 2.0 API has an issue where sometimes requests for JSON come back as XML. By adding a couple lines of code to jQuery 1.5.1 I was able to properly deal with this by throwing an error instead of having a runtime error. I thought this may be useful for someone experiencing similar weirdness. Line 54 in jquery-1.5.1.js: // JSON RegExp rvalidfirstchar = /^(\[|{)+/, ... Around line 588 in jquery-1.5.1.js: // Evaluates a script in a global context globalEval: function( data ) { if ( data
JQuery MaskedInput option
Can we have an option in MaskedInput plugin to NOT clear the input field data onBlur if it has invalid entries? For example, as of now, it clears a date entry field with masking of '99/99/9999' if the entry has less than 8 digits. In certain cases we would like user to see what invalid entry has been entered. Also it'll be nice if the plugin can allow a function to be passed as option parameter, which will be called onblur. This function can perform additional validation on the entry field.
Bugfix in listview filter
It seems that the search input is added on every refresh. Here is a small bugfix for this. Also, I added a bind on the submit button so that the keyboard disappear on submit. See changes in green in the below code. Cheers /* * jQuery Mobile Framework : "listview" filter extension * Copyright (c) jQuery Project * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * @Modified from the original version ( bugfix where filter bar was inserted on every refresh, also binded
WHY:There is no uniform requirements for the callback function in jQuery
for example:the callback in jQuery.map( array, callback(elementOfArray, indexInArray) ) and the callback in jQuery.each( collection, callback(indexInArray, valueOfElement) ) Look similar but the parameters are reversed Why not make a uniform standard
.unbind return value
Hy Guys, (I'm new to this forum and likely to be inactive ;) anyway If you have not the binding of an event in your hands (jqtouch) but want to temporarily inactivate an event it would be certainly handy if unbind would return the set handler for the element. Or is there another solution to this? Kind regards v
Multiselect click not only on <a> tag
Hi I suggest to not only trigger the selection/deselection of a multiselect list element when clicking on the <a> tag but also if the grandparent div with class ui-btn-inner is clicked. Otherwise one has to hit exactly the text, what does not make sense in my opinion. Kind regards, Beat
better-er $.fn.animate() speeds proposal
animate() speeds such as "slow" and "fast" which translate to durations make no sense for varying computed animation distances. for example, animating "slow" will be lightning fast if you animate to a 2000px window width but will crawl within a 200px window width as demonstrated here: http://jsfiddle.net/8Wdcg/ the experience changes vastly for fluid containers and window widths since animate durations are fixated rather than the actual speeds (for the sake of setting a single tick timer i assume)
.serialize() event parameter
The serialize() function uses a concept called "successful controls" to determine while fields will be passed into the serialized string. One of the details of "successful controls" is that it doesn't include submit buttons, because: "No submit button value is serialized since the form was not submitted using a button" When I use serialize(), more often than not the form is submitted with a submit button. I typically use the recommended method, which gets triggered automatically when a submit button
.accordion proves to be an easy and interesting vertical menu
script> $(function() { $( "#directory" ).accordion({ event: "mouseover", collapsible: true, autoheight: false, active: false }); }); </script>I wanted the accordion collapsed initially, expanding on mouse over, and this works fairly well. I also went into the CSS and removed the padding for: .ui-accordion .ui-accordion-header a Now, the reason, I'm here now, is that on mouse out, I'd like for the active content to collapse. The toggle effect isn't quite as fluid as I'd like it to be. My knowledge
Superfish Enahnced Keyboard Accessiblity
Hi, Superfish is an excellent product. After a thorough review of nearly 20 different CSS menus, I've come to the conclusion that the superfish menu is the most fully featured one. However, there is just one small area that it is lacking. Keyboard support is available via tab and enter, however I would like to see it improved so that you can also navigate using arrow keys. The UDM4 drop down menu achieves this, however this system doesn't use jQuery and the keyboard accessiblity doesn't work in the
Defining methods for a plugin
I'm not very confortable with the proposed solution to add methods to a plugin. According to http://docs.jquery.com/Plugins/Authoring, you should use the pattern .plugin("method", options). Why not creating a generic api plugin to be able to use this structure: var api = $(...).plugin().api(); api.method(options); The generic api plugin should just return this.data('api'), and the plugin developer would be responsible of setting this.data('api', methods) when necessary. Regards, G.
Streaming Deferred
I am writing a library that wraps a web service api. The API returns paginated results-- i.e. I have to make an ajax call per page. I'd like to present my library's users with the partial results as they come in rather than waiting until the end, but I'd also like to give them a Promise representing the end of the stream of pages (or error). I could have the library take a callback argument as a parameter, and then feed updates to the callback, but use a Promise for completion. This seems ugly to
jQuery Deferreds for server-side use
Hi all, A few days ago I made a bare-minimum fork of jQuery so that I could use $.Deferred in node js (basically the $.is_blank utilities, $.extend, and $.each). It's located here: https://github.com/kirbysayshi/jquery-jqd/blob/master/jquery-jqd.js (I had to rename my fork because I had a name conflict with Cloud9IDE). A super quick test for node is located here: https://github.com/kirbysayshi/jquery-jqd/blob/master/app.js. When I have some time later today, I'm going to try and use this with the
More button icons: question mark, email, phone...
Please add a question mark icon for buttons. It'll go nicely with Help button which is very popular in web apps. And since this is for mobile web apps, it would be nice to have email and phone icons for links like tel: and mailto: button links. Thx G
Make feature compartmental
Idea: Break the features up into components and compartmentalize the file. I want to use some of the feature, but I don't want the swipe movements and some other annoying features. I want to be able to create my own custom file like I can with jQuery UI. Reasoning: I have been using jQuery Mobile for the lightweight UI. As I am packaging my project with Titanium I have no need for the mimicking swipes. I also cannot stand the spans it constantly adds and the way it does not let anything scroll
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
documentation of the "Effects" would benefit from 'continuation style' examples
(disclaimer: although I don't consider myself a dumb-ass, I may be completely off here, I studied the effects mechanism only briefly - don't be scared to correct me) Although the "Effects" documentation is quite extensive, the 'callback' arguments are barely mentioned. Since continuation style programming is becoming more popular (I'm not even coming from the web development world), I think it would be a good idea to mention on the general "Effects" documentation how effects are handled by a queue,
Next Page