Different default behaviour on form submits
Hi When a form gets submitted jqm will ajax post the data and change the page url hash. Changing the page url hash is somehow uncomfortable for CRUD apps. Starting updating or creating database entries is more like a self-contained process. I like to hit submit several times, type in values, getting errors, type in better values submitting again and so on until i get a success page at last. Over the hole process i expect the back button pointing to the entry point of the hole update process. I think
Scaled CSS framework for Blackberry 5
I really love the idea of the jquerymobile as it makes ui development ALOT easier specially for backend developers but I have been trying to use the JQueryMobile on blackberry 5 and I must say it really has been challenging. I am aware that work is being done to work out the quirks where this is concern but has anyone thought of just using the CSS only of jquerymobile? Can a "scaled down" version be made from it to support Blackberry 5?
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"))
dynamic loading of images in very long listviews
Hi, in a scrollview I have a long list of listview with thumbnails. If the length of LI-Elems is bigger than 200 items, the webview crashs. Idea: <li><img src="dummy.png" data-fullimageurl="FULLURL"><h3>Title</h3><p>DESCRIPTION</p></li>And now: On event scroll => detecting which LI's are in viewport and src="dummy". For this images I want to replace the sources. In the facebook-app it works so in long. I have made tests. The problem is the length of list not the iamges. What we need is a dynamic
Plugins sorted by the number of times downloaded
It would be nice to be able to sort plugins by the number of times voted on. I know you can see how many times it has been voted on after you go to the detail page but it would be helpful to get that info as a sort field on the "Most Popular Plugins" page because then you could tell wether a 5 star has been voted on once or a 1000 times. I personally would rather get a 3 1/2 starred plugin voted on 1000 times then a 5 star voted on once by the developer. Don't get me wrong I would vote 5 stars
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
jQuery.ajax()'s processData option extension
Let users use functions for the processData option for $.ajax() (more importantly for $.ajaxSetup() ) for more advanced handling of data. Here is what I've came up with: // Convert data if not already a string if ( s.data && s.processData && typeof s.data !== "string" ) { if (typeof s.processData === "function") { s.data = s.processData(s.data) }else{ s.data = jQuery.param( s.data, s.traditional ); } } What do you think?
Retrieving all attributes of a given element and their values.
jQuery appears to be missing a way to retrieve an array of attribute names for a given element, and to (optionally) retrieve their values at the same time. riddlemd has created two concise plugins to address this shortcoming - listAttributes and mapAttributes - but I think this functionality should be core, and ideally unified into a single function - perhaps called attrs() - which optionally retrieves a map rather than a list via an optional parameter, set to true for map, false for list... not
A couple of Sizzle micro-optimisations
First - there's a lot of testing whether typeof selector !== "string"(or whatever) - might be useful to define the strings "string", "undefined" etc. as a variable STRING, UNDEFINED - wouldn't make any difference to the code, but minifiers would find it useful, since they could create there own minified var. Would save a few bytes. Second - there's quite a lot of comparison to null and not-null - but usually == instead of ===. Either it's meant to be coerced (in which case just do !(whatever)) but
Image Slider Control , smooth scrolling
Hi All, I have created one page having two image sliders horizontally. its tested on iPhone and iPad , works well. though browser fallback needs to be developed. I checked different posts in this forum about image carousal, but when i test it on mobile devices, its very slow and animation/sliding is not as smooth as desired. I also tried creating one as explained here in my previous post. this particular approach does not have animation but sliding is easy. this kind of image slider can be found
styling for collapsible content blocks
of course nielsen also checked out mobile usability and in his test findings (http://www.useit.com/alertbox/mobile-usability.html) he suggests not to use collapsible content because people get lost on small screens when expanding those blocks. since they have already found a way into jqm - which is totally acceptable since there might be cases in which they match good usability - I would like to propose a change in style. I think - and I already have this problem on my desktop - expanding a couple
Superfish supersubs with megamenus (multi column menus)
Is there any way that one could have supersubs functionality applied to drop-down multi-column menus? I assume one would need to calculate the width of each column plus the combined width for the container. How feasible is this?
styling for read only lists
you guys think the style of the read only lists look a bit too much like they are clickable? maybe add a unique style to the swatch? or a class to the ul to make it possible to override existing styles?
JOOT
Hi all. jQuery is the N1 library for te DOM and Ajax. And I like it a lot. But it has not any tools to compensate for the lack of some OOP mechanism in JavaScript, like classes and inheritance. For that and some other reasons I have developed a small JavaScipt library - JOOT. JOOT provides convenient and simple API designed for sole purpose: to simplify creation of the object-oriented code. I found it very effective to use jQuery in conjunction with JOOT. This combination allows to build high
Improve extensibility of ui.menu (and thus ui.autocomplete)
jQuery UI Autocomplete was one of the great additions to 1.8. Browsing the nightlies I noticed that it has been decided to make it use the newly developed Menu plugin. Since I cannot modify the behavior of the menu through $.widget-izing the Autocomplete anymore, I would like to see an option to make Autocomplete use a custom widget (inherited from menu) instead of the menu. 4 lines of code which I would gladly provide. On the other hand, ui.menu is really hard to extend. Mostly this is because there
Suggestion: Allow overriding of plugins during init
Hi, I'd like to make a suggestion, which if you guys think is ok I'd like to try out in my own fork and let you know how it turns out. I'm working on making a SplitView for jQueryMobile that will allow pages to be rendered in two columns for tablets(e.g. ipad) and desktops, and a standard single column for mobile apps - using media query to determine how to render the page layouts. I'm finding that the fixHeaderFooter toolbars give me a lot of problems, with the css settings for top not getting
Some new selectors...intrv(), intrvR(), slct() and slctR()
Hello, everybody... I'm new on the forum, and also new with the using of JQuery. There is a long time that I want learn JQuery, but I will not have the time to do. So the last week, ones of my friends ask me if I'll know JQ and if I could help him... I answer him, no...I don't know JQ for the moment... But wait a lot I will take a look on it this night and we will see it tomorrow... We resolves the problem together the next day and seduced by possibilities of JQ I'm continuing to study... Now, I
UI Dialog with *no* styles
I'd really like a UI dialog that doesn't have any CSS styling rules at all -- just jquery code to launch a [modal] dialog window using a div that I create with my own code and styles of my app. Keep the same events and methods so I can hook up my own close button to the close() function, etc. Does anyone else find the need for this important? It's such a huge headache to deal with overriding all the jquery-ui styles for this UI dialog box. I just want to use my own look and feel. Let me hook up
A better autocomplete combobox
Hi all, Like a few other people that have posted in the forum, I discovered that the combobox demo for the autocomplete control does not faithfully mimic a native combobox control. I have had a go at improving the code for the demo to try and get it working like the native control. You can see the code and a demo at my blog - http://www.onemoretake.com/2011/04/17/a-better-jquery-ui-combo-box/ . I would love some ideas and feedback on it as I think having a really accurate version using the autocomplete
Timepicker for jQuery Mobile, free to download
Hi Everyone. :) I have written a timepicker control called EasyTimepicker for jQuery Mobile. My objective in designing this timepicker was to have a control that was simple to use and provided a simple select with time entries. I built this control mainly for use in an iphone web application and the native select looks very good on this platform; so I wanted the control to capitalized on this feature. I like the way that jQuery Mobile takes the "code less, do more" mantra of jquery to a new level,
jQuery UI skeleton theme
This probably is not a new idea but anyways.. I'm a front-end developer and used jQuery UI components multiple times, I think they are easy to implement and usually they do the job just fine. But, there's always but, most of the time our graphic designers want make changes to colors, backgrounds, icons etc. and that gives me usually headache. I have to overwrite UI's othrewise fine CSS in my own css and it feels like a hack (one element, multiple css). So my proposal is jQuery UI skeleton theme css.
Event on showing/hiding of element
Are there any plans to provide events (like 'onshow'/'onhide') on changing visibility of elements ? There is something similar in jquery mobile but works only on divs ('pages').
Less than/greater than attribute filtering e.g. $("element [attribute>='value']")
Hi everybody, I have for the past couple of hours tried to find a way to do a greater than and less than comparison in jQuery, as I'm doing some frontend filtering on a XML dataset. So I have been looking at a way of doing something like this: $("element [attribute>='value']") I havent been able to find a solution so I looked into the jQuery code and found that I could solve this issue altering the jQuery core where it looks at possible attribute filtering types (approximately around line 4129-4145)
Ability to track states in the url with &foo=bar
Maybe it would be useful to provide a way for developers to track application internal states in the url. If I have an application that renders dynamically and *client side* a lot of content, for instance in a page with the id #dynamicDetail, I know what kind of content I have to output in that page by binding some click events to the buttons that link to that page. Once the transition takes place, the url looks like: foo.bar/#dynamicDetail The url doesn't carry the information to effectively render
Anchor on Collapsible Content
I was working with collapsible set this morning and I was wondering how cool it would be if we could scroll automatically when we hit a collapsible item. Because of the the limited height of the screen on mobile device, when you hit a collapsible header which is for instance, at the bottom of the screen, you can't actually read it. You need to scroll manually. Any thoughts ?
jQuery.live(), please?
I know that in most cases developers will already have instances of elements they want to bind a handler to with live() on their page when they call the method, but I've ran into cases when I needed to use .live() before I actually had any elements on the page. In this case, it would be nice to have a jQuery.live(selector, event, handler) method so that my application doesn't have to search the document for elements that satisfy the selector when I already know that there are none.
jQuery toggleText ( Is this right way to write this method)
$(function() { $.fn.toggleText = function(data) { var oldTxt; var newTxt; if($(this).attr('toggletext') == undefined){ oldTxt = $(this).text().trim(); $(this).attr('toggletext',oldTxt); newTxt = $.trim(data); }else{ newTxt = $(this).attr('toggletext').trim(); oldTxt = $(this).text().trim(); $(this).removeAttr('toggletext'); } return (oldTxt ==
horizontal and vertical orientation event
After I posted a fix suggestion I implemented a event to facilitate my work. When the orientation is horizontal or vertical. Should be nice if these events come implemented in jquery mobile My implementations to this: after including the jquery script, I added.. $(function() { var setOrientation = function() { if (window.orientation === undefined) { // desktop return; } if (Math.abs(window.orientation) == 90) { // horizontal $(document).triggerHandler('onHorizontalOrientation');
Catching events from selectboxes popups
It would be nice to add events for marking/unmarking checkboxes in the popups. Currently only selecting option can be caught via 'change' event and then processing value of the input. It can be overriden by grabbing the popup itself but that's not a sleek solution .
Easy Fixed Header and Column Table
I spent the better part of the last couple of days trying to find a good plugin that supports fixed header and column in a table. There are several out there that look like they have gone stale (no recent updates). Most of them are reliant on a fixed table size and/or fixed column widths. Without a lot of work, none were perfect in lining up columns and headers for scrolling and all made use of multiple cropped tables to fix the columns and headers. All of this was too much work for a small
Pre-loading images with style
--2011-07-01-- Added feature to use rel attribute with path and leaving src empty for a small performance gain at the page startup. relase 0.9, 0.9.min with sample files version too --2011-04-05-- Added zip with sample html Added project to plugins page: http://plugins.jquery.com/project/imageCacheLoader --2011-04-04-- We got updates, It's getting better =D Mauricio José Rodrigues joined the project, he works with me here at ValeMais Comunicação, he added the classic options object that is a must
clear text on all inputs
why not put the clear text function on all possible input fields and textareas?
Need to know the url that changePage is going to beforepageshow/create
In my phonegap app, I have pages that execute page specific JS when the page is loaded. Some of them have a need to know the query params used to get that page. Using location.href won't work since the hashChange hasn't happened yet when the page specific js is called. Similar to $.mobile.activePage, I think it would be useful to have a way for devs to access the location.href of the page that is being fetched. Currently, I have workaround this by setting a property on my global object: wc.currentHref
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
Suggestion: .nextWrap() and .prevWrap()
I don't speak english natively, but I'll try to explain it as clearly as I can: The functions would work like .next() and .prev(), but with a wrap when it reaches the last (or first) sibling: (function($){ $.fn.nextWrap = function() { var $next = this.next(); return ($next.length === 0) ? this.siblings().first() : $next; }; $.fn.prevWrap = function() { var $prev = this.prev(); return ($prev.length === 0) ? this.siblings().last() : $prev; }; })(jQuery);
.disable(event_types), .enable(event_types)
disables handlers for event type(s) and if no argument is passed it disables/enables the element
Should null be passed in query strings generated by jQuery.param?
Currently, jQuery.param({"foo":null})returns "foo=null"On the server, this gets treated as the string "null", even though a string was not passed in. I think that it would be a good idea to return this instead: "foo="which is at least closer to null. The patch would be to change s[ s.length ] = encodeURIComponent( key ) + "=" + encodeURIComponent( value );into s[ s.length ] = encodeURIComponent( key ) + "=" + encodeURIComponent( value === null ? "" : value );
suggestion for Datepicker Date Range example
I found it rather odd that the official Datepicker Date Range example doesn't filter date ranges if default values are provided via HTML, i.e. <input type="text" id="from" name="from" value="04/15/2011" /> ... (Well, it does work eventually, but not the first time you try selecting a date after the page loads - it lets you select anything. The date range filter is only applied after the onSelect function is called). I could be wrong, but I imagine there has to be quite a few people using the date
Create a "General" Forum Topics Category
It would be nice to have a "General" category for off-topic posts. What we have here is a community of people with a common interest: jQuery. Although the majority of discussions should center around this subject, It would be nice to have a place where more general posts can be made. tyvm!
UI.TABS remove method - additional option to select specific tab after removal
One of the problems with the remove method of jquery ui.tabs is that after deleting the tab it either selects the tab on the right or if it is the last tab it selects one on the left. My initial impression was that I could change this behavior by calling the select method in the 'tabsremove' event. But that does not work as the default selection takes place before the event is fired as indicated in the source below: remove: function( index ) { index = this._getIndex( index );
Next Page