jQuery 1.x and 2.x detecting browser with PHP
<!doctype html> <html> <head> <meta charset="utf-8"> <?php // JQuery 1.x and 2.x URLs $jQuery1 = 'jquery-1.11.2.min.js'; $jQuery2 = 'jquery-2.1.1.min.js'; // Default $jQuery = $jQuery2; // User Agent $arr = explode(' ',mb_strtolower(str_replace(array('.','/'),' ',$_SERVER['HTTP_USER_AGENT']), 'UTF-8')); for($i=0; $i < count($arr); $i++){ if($arr[$i] == "msie"){ // Internet Explorer ? if($arr[$i+1] <= 8){ // <= 8 version ? $jQuery = $jQuery1; // Jquery 1.x } } } // Print echo '<script src="'.$jQuery.'"><script>';
Allow * wildcard in .removeClass()
It would be nice to be able to use the * character as a wildcard in calls to .removeClass(). For example, elem.removeClass('foo-*') would remove all classes that start with foo-. Currently, the easiest way to do this seems to be the following, which is neither elegant nor efficient: .removeClass(function (_, cl) { return cl.split(' ').filter(function (c) { return c.substr(0, "foo-".length) === "foo-"; }).join(' '); })
Add support for async response to widget js.
widget.js trigger method might use support for a promise response instead of just false. For some cases we might want to prevent the action after the user has confirmed it through a modal window or cancel it after an AJAX call failed. An example would be the drag and drop from the sortable plugin that might update the content only if the user confirms that action.
Animated scrolling with elaborate test console
Hi y'all, First post here. After coming across a lot of jQuery while googling and realising it's potential, I was completely converted to using it. That wasn't too long ago but I've been reading up and experimenting... After creating a few parallax images, I started looking for a good smooth scrolling solution. Not finding a satisfying answer, I went ahead and wrote something myself : $(document).ready(function() { $(window).resize(function() {edge = ($(document).height()-$(window).height())}); var
.data() Optionally Update HTML5 Attribute
As it is now, the .data() function retrieves the data from HTML5 data-* attributes when the page loads. When data is set using the function, the DOM attribute is not updated, for efficiency. If you want the attribute to be updated as well, you have to then pass the same data to .attr() . .data( key, value, updateAttr ) What I am proposing is an optional third argument (second in the .data( obj ) signature), updateAttr . It would be a Boolean (defaulting to false ). When true , .data() would also
Add Pull to refresh event in jquery mobile
Hi i request to add pull to refresh event in jquery mobile becasue if i use third party tool like iscrollz or iscrollview then swipe event stops working you can test this example http://www.kamrat.com/test/iScroll5/iscroll5-pull-test.html and add swipe event to it. An intersting thing is that in safari swipe event works in combination with pull down to refresh ie. (iscrollz or isrollview) but fails in ios simulator and devices
Regarding Date Picker
Hi All, Is any one having solution. I have HTML code where i implemented the row add and delete using JQUERY( jquery/1.7/jquery.min.js and bootstrap.min.js) and also the date Picker by using (jquery-1.9.1.js and jquery-ui.js) while i will disable the jquery.min.js the date picker is working . But i need the jquery/1.7/jquery.min.js to add and delete row in the table.So How i can fix this please any one can help on the same. Thanks, Snehasish
jQuery event listener-Continuous or Live
I have my input elements and their change events to handle some display. After loading page, When input values are changed through some other jquery functions...I do not have a way to know the values are changed. Please note that I can not change or do anything with that other jquery function which changes my input values. It is not in my control. Can we have something in jQuery API which continuously keep checking or listening any changes happened to the html elements through external/internal uncontrollable
This is ours side project
hi all I'm pleasure to have had a chance to contribute the code width my team, this is my project implement in my work last two years, only the close project, not release, thank for my team help, I had a chance to share my son and possessed the web. This project names component, it is client side MVC design with ajax and single page, reference for all, thank you http://jqcomp.org/
End user stretchable dragable textbock
The JQuery stretchable control may be the start of this: I'm trying to find a control that the end user can type text into and then use dragable text block handles to resize the text. It has to be draggable by the end user too. Does anyone know if such a control is available or can anyonebuild it?
UI Dialog with option to hide Close Button
I have modified jquery-ui Dialog source code to add an option that allows to hide the close Button. Very handy for various cases. I use jQuery UI Dialog 1.11.2 Here is the code: /* FIRST - Add the option in jquery-ui source code */ options: { hideCloseButton: false, ..... /* THEN - Add the condition */ // support: IE // Use type="button" to prevent enter keypresses in textboxes from closing the // dialog in IE (#9312) if( this.options.hideCloseButton ) { this.uiDialogTitlebarClose = $(
GSoC 2015 jQuery Learning Center
I am very interested in online learning platforms. In the past I have tried many, starting with free w3schools testing and then paid to checkout codeschool after doing the rails for zombies course. jQuery is a pretty exciting thing to learn as almost everyone who wants to learn to do something quickly will be looking for the $. I would very much like the privilege to be a part of the design process and build for jQuery a framework to allow for interactive tutorials. I have quite a bit of experience
Presentation of plug in: Date-time picker for mobile interfaces
The idea is an inter-related wheels mechanism. Clock like. For example, when rolling upper wheel "Year", lower wheels "Month, Days" also rotating dependently. This helps in positioning lower values by rolling uppers, if not exact to, but definitely close to desired position, making time adjusting much quicker. Especially useful for mobile interfaces, where date-time adjusting rollers are commonly used. github example source
Console in demo system
Hi, I've just read ideas page. Have one idea for "jQuery new demo system". It will be cool if in widget demo be console, that logs what code now executing. Something like this: http://demos.telerik.com/kendo-ui/combobox/events
Destroy Event
I have some cleanup I want to do when a standard widget is destroyed. Extending the widget is overkill. So, my question is: Why is there a 'create' event but no corresponding 'destroy' event?
Use Velocity.js and JqueryMobile
I found it on stackoverflow seeking how to get the transition jquerymobile performance. I thought it worked like with jquery, enough to add the velocity.js library for working with jquerymobile velocity. But this is not the case, so I come to see you because I have not found a solution, and there is no answer on this post. Thx Topic on stackoverflow
beforeload event in tab widget
I have a seemingly common situation where each tab performs an AJAX request to load in data into the tab panel. I am also using the cookie utility to remember the last selected tab. I want to display a "Loading..." message in the ui.panel element, which is easily accomplished via the "select" event, but only when a tab is clicked on: select: function(e, ui){ $(ui.panel).html("<p>Loading...</p>"); } However, if the selected tab happens to fire an AJAX request when the page first loads, there
Documentation of QUnit.load()
I try to build an run through various Qunit-tests in various pages generated by a CMS.. After a page with its unit-tests worked out, the browser should load via AJAX the next testpage with other Qunit-Tests. I choose that way of testing, because I can develop the tests in small portions for special situations. I missed the documentation of QUit.load(), because I need that function to restart the Unittest after loading a new Page with new tests. I used the following sequence to restart the QUnit-tests
code donation (colResizable)
Hello, My name is Alvaro Prieto, I developed a small jquery plugin which can be used to allow html table columns resizing, (similar to the resizable() method but applied to tables). It is compatible with touch and mouse devices, it is cross-browser and compatible with previous versions of jQuery. If you like it, I would be happy to donate it to the jQuery UI project. If you are interested please let me know. http://www.bacubacu.com/colresizable/ Kind regards.
Proposal of an extension to jQuery core for async loading and module definition.
Hello friendly jQuery people! Please excuse this rather long mail. I'm writing on it and the docs for the better part of this day. (And excuse the word "mail" and the formating in the following. I thought there was a mailing list to post it to. Now I'm feeling a little old school while pasting it in here ;) Quicktip: There is documentation and code at https://github.com/ScheintodX/jqinit.js if you which to skip my writing and just have a peek. I'm the author of jqinit.js and would like to propose
FancyIndex plugin presentation
Hey Guys! As I am developing plugins and code for ~13 years now, I decided to publish some plugins. So at first I am confronted with the main question: "Where do I have to publish the plugin?". Hopefully you have some nice tips and ideas. B2T: The plugin. Nowadays almost every "fresh" page looks the (s)hame: One page, very content, much scroll. So even though you really hate usability, enhance your design patters by using customer-orientated plugins like this. Example & documentation: http://www.cwdesigns.de/eskju-jquery-fancyindex.html
Static non-scrolling panel at top of jQuery UI dialog
It would be very helpful if an option could be provided for a static, non-scrolling panel at the top of dialogs, just under the title bar, and above the scrolling section. I realize this would require adding another div, but I think the benefits could be very helpful. The option would require that a height in pixels be provided, with a default of 0 to keep things consistent with current functioning. Also, some way to specify the div for the panel would be needed. I frequently have explanatory text
Implementation of: Panel only and content only scroll (with fixed header)
I've implemented panel only and content only scroll, tested on android & iOS (Chrome & Safari browsers) optimized for reveal and push effects body { overflow: hidden; } .ui-panel { top: -1px; } .ui-panel .ui-panel-inner, .ui-panel-wrapper .ui-content { overflow-y: auto; position: absolute; left: 0; right: 0; bottom: 0; top: 1px; -webkit-overflow-scrolling: touch; } .ui-panel-dismiss-open, .ui-panel-page-content-open .ui-content
Form Progressbar + PHP Session variable updating progress
Hey everyone. I just wanna share an idea that I have after some research for a simple and functional way to do update a progress bar using the $_SESSION variable of PHP. Yes, I know most people uses some file written by the PHP with the data, but this way is faster and wont consume many resources. In this example, given a Form with two Inputs (From and To). From [number] To [number] These values will be poster by $.post() function to the Load.php file so it will do a loop (FOR) for every number between
jQMobile re-positions popup every time when Android opens own virtual keyboard - I can't input anything
Actually this is a problem. But it can be a new idea. I could be wrong but I think there should be an option to disable handleWindowResize or it can run manually. Through this way, we can allow to overlap the popup with the virtual keyboard. So we can use popup like a simple div. _handleWindowResize: function(/* theEvent */) { if ( this._isOpen && this._ignoreResizeTo === 0 ) { if ( ( this._expectResizeEvent() || this._orientationchangeInProgress ) && !this._ui.container.hasClass( "ui-popup-hidden"
Persistant Header
For future JQuery Mobile, we'd really like a persistent header. For example, when I use Charles Schwab and I scroll a table/list, as I scroll up, the header stays at the top until the next header. Then, that header stays persistent at the top until a following header. I really want this (even at one basic level) for my JQM apps. Maybe it's not called a header...but go here: http://demos.jquerymobile.com/1.0a1/#docs/toolbars/footer-persist-a.html Now, I'd like A to be at the for as many of the A's
datepicker styles and bootstrap 3
I am using jQuery UI datepicker with the UI brightness theme in a project and it can be used by end users along with Bootstrap 3 styles. I noticed that when using the changeMonth or changeYear options, the select dropdowns in the datepicker widget get a style definition of "color:inherit" from the bootstrap sheet, so it is rendered with white text on white background. I had to add an explicit color setting to the .ui-datepicker .ui-datepicker-title select elements. I do not expect that someone goes
Multi-document HTML/CSS/JS code collaboration tools? (vs jsFiddle)
It's been obvious for some time that jsFiddle is not the best way to set-up jQuery Mobile demos. While it is generally an OK way to show a jQuery problem, it falls short for jQuery Mobile, because it is limited (except for "external resources") to a single CSS, HTML, and JS file. While you can include external resources, of course they can't be edited. As well, it's not easy or even possible in many cases to show the use of, say, a REST API. So, another "would be nice" would be the ability to proxy
Method to retrieve the request headers about to be sent
The native XMLHttpRequest API doesn't have methods to get request headers. It would be useful to add one to the jqXHR object, to facilitate debugging and test automation. User requests dating back from 2011: http://stackoverflow.com/questions/7564007/get-sent-headers-in-an-xmlhttprequest http://stackoverflow.com/questions/9102279/is-there-a-way-to-get-all-the-request-headers-in-a-jquery-ajax-call ... and "request headers" showing up in Google's autocomplete when searching for "jqXHR get".
My New Project - ToDo List
Hey guys , Taught i'd just share this with u'll , i have been following a few tuts and after searching online alot . i found something i'd be really interesting in working on and thats a TO-Do list , built in Javascript . I konw this is not really gonna tickle ur interest much :D , but i still taught i'd post what i did so far . do review it and give me ur suggestions , and How i could Build on it and make it something tangible . GitHub Lin:::GitHub link Thanks . Gautam.
jQuery.event.trigger() : Pass the "event" object as an argument to "elem[type]()" call
In function jQuery.event.trigger(), there is the following call (l. 4357 in jquery-2.1.1.js) : elem[ type ](); why not pass the event object as an argument ? This way : elem[ type ](event); This would provide the event object to the called function which is usually essential. In my case, this would allow to retrieve the namespace and thus adapt the action.
$.isJson(str);
Why do not implement this function, that already exists in Prototype.js ? I actually don't know how to implement the script on the core, so, here is the snippet. This script implements $(object).isJSON, $.isJSON(object) and [String].isJSON() functions Feel free to fix any bug. (function ($) { $.isJSON = function (json) { json = json.replace(/\\["\\\/bfnrtu]/g, '@'); json = json.replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']'); json = json.replace(/(?:^|:|,)(?:\s*\[)+/g, '');
jquery ui dialog first time open - close events
Is it possible to add first time open event on dialog widget? Sometimes we need to do something only the first time dialog appears. I know we can do it easily via javascript using variables - data check e.t.c. but it would be nice and easier if it was a core feature. The same event for close would also be useful ( first time close event )
JQuery video tag event
<video id="MyVideo" src=""><video> Event ----------------------------------------- $("#MyVideo").play(function() { }); ----------------------------------------- $("#MyVideo").pause(function() { }); ----------------------------------------- $("#MyVideo").stop(function() { }); ----------------------------------------- $("#MyVideo").filename("/test/test.mp4"); ----------------------------------------- $("#MyVideo").setvolume("50%"); ----------------------------------------- $("#MyVideo").seek(hour,min,sec);
Announcing jquery.mobile.simultaneous-transitions, 1.0
I'm pleased to announce the release of jquery.mobile.simultaneous-transitions: https://github.com/watusi/jquery.mobile.simultaneous-transitions It's not exactly a plugin (yet). What it is is a simple set of files that you can drop-in to your head and replace the sequential transitions in jQuery Moblle 1.1.1 with the corresponding simultaneous transitions from jQuery Mobile 1.0.1 The repo also include an optional fix for bug #4340 which has not yet been incorporated in a publc release of jQuery Mobile.
QRCode-scan and QRCode-gen icons required.
For mobile apps, it's common to have QRCode scan or QRCode generation features. Would you please add QRCode-scan and QRCode-gen icons in JQuery Mobile?
findExclude(), a descending traversal method with functionality similar to parentsUntil
Hello, first time contributor looking for feedback. I ran into some issues where selectors were not the right tool for filtering nested elements and noticed a few cases of this around the internet. Primarily I see this in situations where people use $( selector ).each() for things like: Search within a container class which may have the same type of container nested within, as in my example with "Messages" - for form message threads. Searching by tag with nested ul/ol/table when each depth is meant
Internet Explorer 9, jQuery and DivX
Hi all, Just to let you all know that when you are using IE9 and having problem with javascript execution (in this case jQuery) try to uninstall DivX and see if that help. I hope this help everyone.
wish to be more intuitively object-oriented
i have started to use jQuery since the very first edition and i have read the code in detail of nealy all the versions of jQuery. The code is concise but not intuitively object-oriented enough. It must be a great help if we can make code more intuitively OO. And i think this idea will help us much. please refer to http://classjs.org which works to make js intuitively OO.
navbar - three columns per row for more than 5 navbar items
This is just a suggestion, and is more of an aesthetic one than functional, i just feel that when there are more than 5 nav items in a navbar, the buttons should wrap into three columns per row instead of the current two. I think it looks better and uses less vertical space. will be happy to provide an update if this is agreed upon.
Next Page