why not make list items collapsible ?
Just a thought - list items http://jquerymobile.com/demos/1.0a2/#docs/lists/index.html already offer so many styling options, including thumbnails, sub text, chevrons at right, inset etc. Instead of having a less-stylable, always indented collapsible http://jquerymobile.com/demos/1.0a2/#docs/content/content-collapsible.html, why not allow the general list items to optionally have a collapsible section ? I think that would be simpler and at the same time more general than having a separate collapsible
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
Add a JQuery Selector Escape Function?
(From JQuery Docs -> Selector) If you wish to use any of the meta-characters described above as a literal part of a name, you must escape the character with a backslash (\). Since Javascript uses the backslash for escape sequences in string literals, you must use two backslashes (\\) in string literals so that a single backslash will be put into the string 1. The full list of characters that need to be escaped: #;&,.+*~':"!^$[]()=>|/ I have a suggestion: How about adding a method to escape values
Switch between nomal and modal $.mobile.pageLoading()
When we use $.mobile.pageLoading() a nice loading spinner appears. Unfortunately there is no option to make this a modal spinner i.e. a spinner which disabled everything on the background like a modal window does. This can be handy to avoid clicking twice on a button.
datetime picker
Here is a cool looking draft that seems to be based on the current datepicker. (source) http://jonathonhill.net/2009-03-27/jquery-datetime-picker/ The jqueryui date picker could become a datetime picker like the one above. And then the options could specify if you want just date, date and time, or just time. There is a strong need for one of these. The user experience with using select form fields on Month, Day, Year Hours:Minutes:Seconds is very poor because of the number of clicks required to fill
Is there a list of all the options for data-* attributes?
Hi all, Is there a list of all the options for data-* attributes? I find that I have to look them up repeatedly, and I'd love to have a reference. There doesn't seem to be a single list for them. Here are the ones I remember off the top of my head: (Newer stuff below) data-role: collapsible, button, page, header, footer data-icon: back (http://jquerymobile.com/test/docs/buttons/buttons-icons.html) data-theme: a, b, c, d, or e Feel free to add more as replies and I'll add them to the top post. List
remove cruft from emails
I really appreciate the email notifications that have started coming through in the past few days. It really helps me scan through the enormous number of messages and replies that are posted on the jQuery Forum every day. I was wondering if someone from the Zoho team could take a look at streamlining the email message body a bit. It would make scanning them even quicker. Currently the message body begins with something like this: Hi kswedberg, [somebody] has made a new post titled [Lorem Ipsum].
Drop official support for Firefox 2, Safari 3, Opera 9, Chrome 4?
Hi everyone, I just wanted to briefly take the temperature of the group in seeing whether or not we should drop official support for some of these older browsers. There a few outstanding bugs in the bug tracker related to these browsers, some of which have been sitting for over two years without any action. Either jQuery supports these browsers, which means these bugs should be fixed…or jQuery doesn’t really support these browsers, in which case it should not say it does. (Crashes and broken document.ready
Can you use SASS for creating the JQMobile CSS theme files?
Hi, I'm wondering whether you have considered creating the UI theme for the new JQmobile using SASS (sass-lang.com). It has been used by Sencha Touch and JQTouch is also planning to recreate their CSS themes using SASS. I think SASS would make it a lot easier to create and maintain custom themes, e.g. that mimic the native UI of a phone. In addition there would be the added benefit of being able to exchange designs between Sencha and JQmobile. What are you're thought on this? Thanks Jay
Proposal for a globalization plugin: jQuery.glob.js
Hi Everyone, I am a developer from the Microsoft ASP.NET team. We’ve put together an open source prototype of a jQuery Globalization/Localization plugin, and would love your feedback. The complete prototype, extensive details of the API and its motivation, and demos are available on GitHub: jQuery.glob.js on GitHub And here is another post from Scott Guthrie introducing some of its features with some more examples: http://weblogs.asp.net/scottgu/archive/2010/06/10/jquery-globalization-plugin-from-microsoft.aspx
Pining for a mailing list interface to the forum
I see the benefits of moving to a forum and could really get to love the searching, archiving, and thread metadata that this place offers over Google Groups, but one feature I'm pining after is the mailing list interface. I'm used to having my own copy of the list archives, being able to scan through topics offline, track what I've read, and read from and write to the list from my mail editor of choice. I would love to be able to get the full text of every message post by email and be able to respond
Autocomplete and Enter Key
It'd be nice to have a settable option for the enter key on the Autocomplete. In the code, it's set to swallow the enter key, but in fact, the behavior I want is to fill the box and submit simultaneously - similarly to the way Google Suggest does it.
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
Vertical tabs with jquery tabs
I have found a simple solution (mostly CSS based, minimal javascript processing) to use jquery tabs to create vertical tabs. If somebody are interested, please let me know.
what about a $.typeOf(). maybe instead of isArray(), isFunction()..etc?
i was thinking, instead of having a bunch of isFoo() functions, except maybe isPlainObject(), it would be useful to integrate and expose something like this for detecting object types: http://snipplr.com/view/12492/getclass/ syntactically it would get a bit more verbose for reuse, eg jQuery.typeOf([]) == "Array", but it can be abstracted away by isArray() as is currently if it needs to be used in many places. however, $.typeOf() might provide a good foundation and replacement for isFunction isArray,
Adding an autofill option and anchored filters to the autocomplete plugin
I propose a couple of new features for the autocomplete plugin. First, add the option to do the text filtering based on the first characters in the source instead of the character string contained in the source. Secondly, add an autoFill option so that the first selection will auto-populate into the input box, with the portion of that option not already typed created as a selection. When the user types in the next character, the selected portion will immediately disappear as part of the keyDown event.
faster jQuery.trim()
Here's a patch for a faster version of jQuery.trim based on native String.trim and these improvements: http://blog.stevenlevithan.com/archives/faster-trim-javascript Test case: http://jsbin.com/oquji/2 Patch: (removed) I also just requested a pull request. The native String.trim is ridiculously fast.
SplitView
What about SplitView for larger displays like pads?
Pull down to Refresh - touch drag to make server call.
Hi, I was working with jQuery mobile and had thought in my mind to create some sort of UI to make server request. the UI looks like(i tried!!) Twitter app or facebook app refresh style. I have demo running, which uses the jQuery UI drag to accomplish this. Note that this is only proof of concept, UI is working but there is no server call. try it on mobile device. I have tested it on iphone , ipad. click here to see Demo screen shots: Let me know what you think. thanks Project9
outerHeight(int) sets the height taking into account padding and border
I'm often wanting to set the outerHeight of an element. Currently I have to figure out manually the padding and border to make sure I am setting the height() correctly. Would jQuery accept a patch that by providing an integer height to outerHeight, it will set the height. The idea is if you should be able to do: $foo.outerHeight( $bar.outerHeight() ) And no matter what border / padding $foo might have, it will still look the same size as $bar. I bet this is a rather common problem and will add
Leading and Trailing white space
The simplest and fastest rx-es that work are /^[\s\xA0]+/ and /[\s\xA0]+$/ (thanks travis.hardiman) jquery-1.4.1.js (arround line#3859 ) has : rleadingWhitespace = /^\s+/, which is perhaps a bug because IE does not cover \u00A0, as a white-space If I may suggest, introduction of : rleadingWhitespace = /^[\s\xA0]+/, rtrailingWhitespace = /[\s\xA0]+$ , somewhere at the top of jQuery enclosure, where all the jQuery wide, var's are declared. to be used wherever required/needed. This
creditcard2 / validation - credit card type should be automagically detected, not selected
creditcard2 significantly improves upon the default credit card validation functionality in validate but requiring the user to select the correct credit card type in order to validate the card number is (IMHO) adds unnecessary complexity. I suggest that the credit card type should be detected by the validator and the correct type autoselected in the dropdown, giving the user the opportunity to override. The validator should of course then throw an error if they select a type which conflicts with
Markdown as an optional input method?
Would it be possible for us forum users to (optionally) trade in the WYSIWYG editor, for a simple Markdown intrepeter? ...StackOverflow uses Markdown for all of its `<textareas>`. Would make a lot of users happy, I'm sure. -- Már
Further Decoupling Sizzle and jQuery
Would it be possible to have a build option that would build sizzle.js and jquery.js as separate, independent files? I would like to have a version of jQuery that depends on, but does not embed, the stock sizzle.js. This is currently not possible because jQuery modifies the embedded sizzle.js in order to tack some utility methods onto the jQuery namespace. Currently I have to update both jQuery and Sizzle in order to have a jquery.js that the depends on Sizzle: I update Sizzle's EXPOSE from: // EXPOSE
Rating control
Would it be an idea to create a mobile rating control which shows up as 5 or 10 stars?
Fix jQuery.ajax() errors in IE
Hi all, I thought it might be worth spreading the word about the solution of a strange problem in IE: All my jQuery.ajax() requests were kind of ignored in IE and didn't return any data. After debugging them I got a "parseerror" and a strange "Error c00ce56e" in my IE. This error code is related to an encoding error if using the UTF-8 charset. If you got a similar problem with your AJAX requests not returning any data, try out the following code to see if you also get the c00ce56e error code: $(document).ready(function()
In the Dialog, auto focus on first tabbable element should be a configuration option
We have some Dialog windows that when opened we do not want any elements to be focused. A good example of this is if we use textbox hints (text displayed in the textbox giving information on when that textbox does) in a dialog. When the textbox is focused, it clears the hint. When we open the dialog we would prefer it if the textbox hint was not cleared until the user selects the box. Technically there are other ways to get around this problem but it would be nice if an option was added indicating
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
Filters for UNanswered questions and UNsolved problems
Shouldn't there be filters in the forum for UNanswered questions and UNsolved problems? Are those not the ones needing attention the most? Or are they hiding in here somewhere?
XHR + Upload
Hi folks Slowly the support of the html5 multiple file input is coming to the browsers, wouldn't it be great to see some kind of support of the xmlHTTPRequestUpload object to jquery? (at least for the supporting browsers, that is 'eh) I mean, I just hate it to switch back and forth between beautiful, lovely jquery code and plain ol' ugly native javascript code. Regards, Fabian
Add an attribute to prevent particular pages from caching
I ran into circumstances where I don't want certain pages in my app to cache. I think there should be an attribute that can be added to any div tag with date-role='page' such as data-cache="false" which would prevent that page from caching. For my solution, I added a 'pagehide' binding in the dom ready event of the root index page for the app: $j("div[data-role*='page']").live('pagehide', function(event, ui) { if ($j(this).children("div[data-role*='content']").is(".command-no-cache"))
Making it easier to customize style of buttons in jQuery UI Dialog boxes
I wanted to add some styling and icons to the buttons inside a jquery UI Dialog boxes and this proved to be very difficult to figure out how to do. As far as I can tell there's no good documentation on it, official or unofficial. This post from filament didn't really help at all: http://www.filamentgroup.com/lab/styling_buttons_and_toolbars_with_the_jquery_ui_css_framework/ I put together a solution with some things I found on stackoverflow, but this kind of thing should be much easier, and it should
Documenting bound events as part of specifications
Here is something we should do in the future, and where time is available, add for existing components: Document all the events that are bound as part of the functional specification, including details of event-object properties that are read. For example, Autocomplete binds, among various others, a keydown-event to the element, and checks the keyCode event property for various values. This could make code reviews much more effective, and even better yet, would server as documentation on how to script
Inline code
Inline code formatting is standard in many editors on forums like this — there are a lot of times when it's handy to include a short snippet of code or function name in a sentence without breaking it up. Is that possible in this editor? If not, it'd be a nice feature.
jQuery and UI reference in chm format, always latest
I dump the raw xml API and parse it into html with DISQUS comments integration. If some one know how to dump the xml API of UI reference, please let me know. I'll pack it with jQuery API reference. Thanks Edit: I have added the UI api reference and fixed some minus bug, user experience enhances! The latest compiled chm would be here https://github.com/Yahasana/jqdoc-parser
Proposal: $.mobile.pageTransitionFilter
One common issue I've been hitting again and again is how to work with jQM's default click handling when you want to interface directly with a rest api. jQM's default page handling framework (where it expects jQM style HTML from the server) is great for lots of projects -- making it easy to bootstrap, but it becomes a burden for other things like Phonegap style apps where we have limits around how we deploy (i.e., localizing all html pages vs. accessing them remotely). In Phonegap's case, you will
HTML5 @ api.jquery.com
Adding a cache-manifest and caching all resources required to use the jQuery API documentation offline would be a great benefit for everyone that does jQuery development and has no permanent internet connection(on the train for example). For details see http://www.w3.org/TR/html5/offline.html
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
New bug tracker for jQuery
Maybe this is part of the "14 days of jQuery", in which case feel free to just wink at me. Now that we've got nice new forums, a nice new API browser, the code's resituated in GitHub, and John Resig's talking about crazy new bug-fixing workflows, shouldn't jQuery also have a new bug tracker? That Trac install has been showing its age for quite a while, and something like Lighthouse might be easier to manage from both the bug-submitter and developer standpoints.
[jquery mobile] listview accordion Plugin to use with list-divider role optional
jquery mobile listview accordion Plugin 1. import these file <script type="text/javascript" src="js/ext/jquery.mobile.listview.accordion.js"></script> <link rel="stylesheet" href="js/ext/jquery.mobile.listview.accordion.css"/> 2.Format the accordion accordingly <ul data-role="listview" id="listView"> <li data-role="list-divider" class="ui-li-accordion-head">Title name</li> <li> <div class="ui-li-accordion"> <li>contents1</li> <li>contents2</li> <li>contents3</li>
Next Page