And what is with JSON?
JSON found in many usage, as well as me. Thats nice about that getJSON or parseJSON a JSON string is converted to an object, but what about the other direction? Constantly (and especially if you are constantly working with JSON) you have to make sure that you use a reasonable parser - Because if you want to convert objects to JSON, one must necessarily use a plugin. Why is this not built into the core?
Multiple-Select change event after popup close
Hey everbody. I just started using jQuery Mobile 1.2.0 in a small project. I am using 4 select boxes with multiple option activated and native popups disabled (I like the fancy ones of JQM). If the elements on the first box are selected, I dynamically populate the second box and so on. Currently the behavior of the JQM select is to update the original select as soon the item is selected. It is quite a bad idea to start an Ajax request on each item selection to update the second box. It would be
.exitIntercept()
I'd like to submit my very simple solution/replacement for the deprecated .beforeunload() utility. jQuery.exitIntercept = function(e,msg) { var message = jQuery.trim(msg); e = e || window.event; if (e) { e.returnValue = message; } return message; } This small utility is IE/FF/Chrome/Safari safe. Thanks Usage: window.onbeforeunload = $.exitIntercept("You are attempting to leave this page with unsaved changes! If you leave this page without saving your changes, they will be lost!");
Proposal for Official .ScrollTo() Method
I wrote this .scrollTo() method to make scrolling much simpler. I hope it can be included in the next iterative release, as part of, jQuery's core library. I appreciate any feedback. API / Examples / Source: .scrollTo()
Why not make jQuery a core script engine to the browser without parsing it by JavaScript as a library?
I would like to know if the developers of jQuery ever considered the library to work like the V8 JavaScript engine rather than as a JavaScript library. Considering that everything is being re-done over and over by the next parser: myscript - jQuery (doing what myscript was trying to do, just the harder and longer way) - JavaScript (again repeating the same) - Browser (again..., to other underlying libraries) - OS that then eventually directs the entire machine on executing the command, which responds
lightbox and parallax effect in one html page conflict and one is working and the other is not ?
hi there how can i solve these codes . Lightbox is working but the other script is not ? here is the code please helpme i try this for 2 days but i cant. İ can lose my brain :( <title>jQuery Parallax Plugin Demo</title> <link rel="stylesheet" href="css/queryLoader.css" type="text/css" /> <link href="stylee.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" type="text/css" href="source/jquery.fancybox.css" media="screen" /> <!-- lightbox --> <link rel="stylesheet" href="css/lightbox.css"
Bind to all namespaces of custom jquery event
I would like a way to bind to all namespaces of an event or effectively ignore that the event is namespaced. $('#test').on('custom', function(){ ... }); $('#test').trigger('custom.namespace1'); $('#test').trigger('custom.namespace2'); The fired event of 'custom' will not be caught because it is namespaced. Something like binding to custom.* would be very useful in order to bind to all events of type custom, regardless of namespace. Stackoverflow thread that prompted this post: http://stackoverflow.com/questions/12590231/bind-to-all-namespaces-of-custom-jquery-event
Add message for when name attribute is omitted
It took me a while debug this issue of having the 'name' attribute omitted, and since posting about it on SO, I've had a few people vote for it so I guess it's a common problem http://stackoverflow.com/questions/12399008/jquery-validate-uncaught-typeerror-cannot-call-method-getattribute-of-undefin
New $.Callbacks object behavior
I've modified the private fire function of Callbacks object to recognize the string return value "remove". Each callback that return "remove" will removed of the current list. I don't know if it's the best way to do this, but it's an idea.
Thanks for beta 1 :-)
I have just found out that beta 1 is released and have already implemented into production :-) The scroll of listviews seams to be much better, thanks for that. Is there anyway that I can subscribe to posts on the blog? I keep getting tired of looking by 'Blog' every day. It would be nice to be able to subscribe to an email service sending me a notification when there is a new Blog. Keep up the good work. It's much appreciated :-D
Modified Slider UI with 2 hidden inputs and showing value in html.
I've made a modified version for Range Slider UI . You can use 2 hidden Inputs. In each hidden input is 1 value and values is also in html with live changing. Here is the code if anyone wants it , you can use it.If you know a better solution for this, don't hesitate and post it to comments.Together we can make it better. I am begginer so take a look at it. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Slider - Range slider</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
Please get jQuery and jQuery Mobile teams to agree on version compatibility
The jQuery and jQuery Mobile teams have repeatedly made conflicting statements about version compatibility, and this has just occurred once again. This is from yesterday's release announcement for jQuery 1.8.1: Use jQuery UI 1.8.23 and jQuery Mobile 1.1.1 or later for best compatibility with jQuery core 1.8.1. At the same time, the jQuery Mobile development blog says: Support for jQuery 1.7.2 (and soon 1.8) jQuery Mobile 1.2 now supports versions 1.6.4, 1.7.1, and 1.7.2 of jQuery core. We recommend
load additional javasscripts via loadPage function when using AJAX
When using AJAX to transition pages, no additional javascripts are loaded if the new page has new javascript in the header, etc.. I have done a dirty hack to the loadPage function which loads all the additional scripts from the html string returned via AJAX (see attached for hacked version). The code just needs adding to the success function of the ajax call in the loadPage function- // START modification (Guy Thomas 2012083000)
Searchable Listview
Using this as an example: <div class="foo" id="threeCOL" data-role="content" data-theme="d"> <ul data-role="listview" data-filter="true" data-filter-placeholder="Test..." data-inset="true"> <li data-filtertext="NASDAQ: NAS ADBE Adobe Systems Incorporated"><a href="#">Adobe</a></li> <li data-filtertext="NASDAQ: NAS AMZNL Amazon.com, Inc."><a href="#">Amazon</a></li> <li data-filtertext="NASDAQ: NAS AAPL Apple Inc."><a href="#">Apple</a></li> <li data-filtertext="NASDAQ: NAS GOOG Google Inc."><a
Syncronize the order of variables returned by $.ajax.fail(), $.ajax.done(), and $.ajax.always()
1) Syncronize the order of variables returned by $.ajax.fail(), $.ajax.done(), and $.ajax.always(). - the reason for this is mostly to do with using the .always() callback. It's hard to tell when to treat it as a success vs a failure. There should always be a variable that contains the response from the server because even in a failure the response is useful for debugging. 2) The jqXHR object should contain a Boolean property that shows weather the response would invoke fail() vs done(). This
Search filter list - max num of visible items
Hi, When you have a search list with many items the widget is very slow. I'm using a popup to quickly search through a list of 100+ items. When the popup shows up the list is displayed fully taking a lot of time. It would be nice to control how many items max you want to display at one time ( really you only look up the first 5 or so items filtered before you keep filtering ) This should speed up the control, and make the whole experience better.
jQuery Watermark (light text hint over input fields)
What is Watermark? You have seen it in many websites! A watermark typically appears as light text within an input or textarea element whenever the element is empty and does not have focus. This provides a hint to the user as to what the input or textarea element is used for, or the type of input that is required. (Some watermarks such as this one can show the watermark as long as the first character is not entered). Those gray tips in below example are called watermarks This plugin is designed to
jQuery Editable (HTML 5 format)
Hi all, Recently I developed couple of pluigns one of them is jQuery Editable. Many of you might Have used my old one which was released 2009. Here is my latest technique for creating jQuery Editable "not for tables" Editable fields! It is flexible enough to cover all cases and easy to use. You can find it here at Plugins Section http://archive.plugins.jquery.com/content/jqueryeditable-101 <span> <label data-type="editable" data-for=".input1">Click me to change!</label> <input class='input1'/>
Change to ThemeRoller generated index.html
I recently discovered the URL imbedded in jquery-ui.xx-xx.css that can be used to edit the custom theme. Very Nice! However, I stumbled upon it at the very bottom of Getting_Started by accident. I wish I had known about it sooner. I manually added it to index.html for easy access in the future: I think it would be very useful to make this link part of the generated index.html .
Have a JQuery Validation, Flexible for any fields, message display and validations
Hi All, I was looking for a validation with following options and as i couldn't find one with having all of them. i developed one and now sharing it with you guys. Lite Extendable and easy to add more validation rules Showing messages the way I want So I developed one which 2,5 k (Yes damn lite) can be extended using data-validate-whatever='whatevs' attr (HTML 5 format) and as it is not embedding any specific error popup/show system. You can show messages the way you like "Popup, Tooltip, inline,
New jQuery eBook: Master Space and Time With JavaScript
Some of you may be interested in the new eBook series Master Space and Time With JavaScript, available at http://www.noelrappin.com/mstwjs. Master Space and Time With JavaScript gives you guidance on how to approach the simple parts of your JavaScript code first and how to manage the complex parts as needed, with a strong test-first focus. It is a four book series aimed at developers who have a basic knowledge of JavaScript but who need to learn about newer tools and practices. The first book, which
Modal Dialog opening in the same place
Currently, if you have a click even top open a modal modal dialog, and then you move that modal dialog, and then fire of the event to open the original modal dialog, it will reopen in the position it was moved to. This was not the behavior I was looking for, so I had to implement an addition function to my click event to reset the position. It would be nice if there was an option to have the position be the same every time you open it, and not the position it was moved to. After a lot of looking
Solving cross browser issues in dynamically detecting textarea text value changes
I have developed a webpage with a form that has (1) a textarea into which a user can input text of any length (right now it is 800px wide and 120px high), and (2) an input text box into which a user can input a number of days over which the textarea text should be considered active. The form has two buttons that are enabled or disabled whenever any changes in either the textarea or input box differ from the original “reset” values. The two buttons represent submit and reset actions. I wanted
Specify contentType for $.mobile.changePage option
I am passing data to be posted to the server. However, since the server accept XML and JSON, I have to specify the contentType just like a regular jQuery ajax request. This is what I tried but did not work: $.mobile.changePage('/Detail', { type: 'POST', contentType: 'application/json', data: { item: marker.item } }); Please allow an option to specify this.
Building a Simple Game
Hello, all! I am working on a very simple 'game' concept — for now called '2-Player, Left and Right Game.' It's actually for an online art project, but I want 'interactive game' to be the medium. I'm pretty sure it should be a fairly simple project, but could be completely wrong — I can read and make some edits to jQuery, but writing it from scratch is something I'm still learning. Here is the layout of the game: Page 1 — Static HTML/CSS landing page w/game title, directions and 'click to play.'
Listnav split large results
Hi, I was looking at listnav, and it seemed to be able to do what i want, except for for splitting larges results. What i need is a alphabetical paginator, for thumbs, and when there are more than 100 A's the paginator should be A1 A2 ... or something similar (sub paginator) And/Or a compress option, if number of results is small combine, so a paginator could be : 0-9 A1 A2 B-F G H I-Z
Organizing tests in groups
When you have lots of tests, there are situations when you want to run only a subset of tests, e.g. when TDD'ing, or when you are fixing something in a restricted part of your project. To help with organizing and running subsets of tests, I developed QUnit Test Groups. The idea of this addon is to provide a way to organize the tests files in an hierarchy, and automatically render an outline where clicking a node will run all tests from that node to the bottom in the hierarchy. Please take a look
Rating control
Would it be an idea to create a mobile rating control which shows up as 5 or 10 stars?
some 1.2 picture popup feature requests
The new popup feature is nice, also for displaying pictures, there are a couple of options I'd like to propose: Option: preload pictures (true/false). I believe that the pictures inside a popup are downloaded once it's opened. That's what I want actually, but others might prefer the pictures to be loaded in advance (along with the page). An option for this would be suitable I think. Option: tap popup itself to close (true/false). To close a popup you either tap outside it or press the optional close
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
Keeping the header and footer in nested listviews
When I used a nested listview for the first time, I was a bit surprised to find that it created new a new header dynamically instead of just keeping the header and footer of the parent. For my current project this is really important, so I searched around and found many people with the same expectation. I've modified $.mobile.listview._createSubPages to support this functionality by setting data-dynamic to true or false on the <ul>. Ideally this could be implemented as an event or callback so that
callback for final iteration of .each
I am using .each to iterate over an object and add elements to my page that corresponding to each property in my iterated object. Once I have added all the elements to my page, I want to do something like - $('.addedElements').draggable(); Unfortunately, .each does not allow me to provide a callback to execute after the final iteration. One suggestion in the comments of the .each help page was to check indexInArray against collection.length. But, of course, indexInArray isn't really an index if
Feature reques: toggle attribute
usecase: function onclick(){ if(expression == true){ $("#myselector").attr("checked","checked"); }else $("#myselecto").removeAttr("checked"); }So, maybe better add $("myselector").toggleAttr("checked","checked");
add paperclip to icons
Hi, any chance of getting a paperclip added to the default suite if icons? thanks Matt
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
jQuery UI as css site theme/framework
Sorry if this has been proposed or explained before, but what about trying to make the jQuery UI theme the central css "theme" for an entire site. I understand that there will always be domain specific customization but if the jUI css could provide "hooks" for other elements to use then the ThemeRoller could be a more integral part of creating/updating/maintaining the overall look of a site. My underlying reason for the idea is that I'm a much better programmer than designer and what happens is
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.
[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>
Make a fixe header and a fixe footer
Hello : When I use JQM, I see that all my pages have the same header and footer... My question is : can I make a structure which has a fixe header, fixe footer and many pages in middle ? I'm French, my english is very bad... So the structure I want make is : My exemple : <div data-role:'header'>...............</div> <div data-role:'page' data-id='page1'> </div> <div data-role:'page' data-id='page2'> </div> <div data-role:'footer'>...............</div> I think it's a very good idea !!! No ?
jQuery.version
jQuery.version and/or jQuery.version() (moved from guithub I think we are all in agreement here, and this is why I have tried to draft one VERY short proposal for a good jQuery team. In case they do agree with it, I am sure they will be perfectly capable to sort out the implementation details. Recap: 1. jQuery.version perhaps as an simple object, to be added 2. versioning tag composition documented in the form of the minimal grammar (BNF), to be made 3. Official plugin that will provide additional
Next Page