Stefano J. Attardi wrote a nice jQuery plugin that just does that. It is more stable than Robert’s and also fades to a lighter grey when the field gets focused. See the demo page Grab it on GitHub Play with the fiddle I modified his plugin to read placeholder attribute as opposed to manually creating … Read more
Run the code snippet to see it work $(‘input.number’).keyup(function(event) { // skip for arrow keys if(event.which >= 37 && event.which <= 40) return; // format number $(this).val(function(index, value) { return value .replace(/\D/g, “”) .replace(/\B(?=(\d{3})+(?!\d))/g, “,”) ; }); }); <script src=”https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js”></script> <input class=”number”>
jQuery seems to be nicely backward compatible. I have been using it for more than a couple of years now through several versions of the core and have not had issues when upgrading except a few minor ones with some plugins. I would say that the core seems to be fine but if you’re using … Read more
I just developed a javascript library called JIC to solve that problem. It allows you to compress jpg and png on the client side 100% with javascript and no external libraries required! You can try the demo here : http://makeitsolutions.com/labs/jic and get the sources here : https://github.com/brunobar79/J-I-C
The problem can be occur when using/switching to jQuery 3. It’s because all ready states in the new jQuery 3 are now fully asynchron. This means, that there is no given order for your code to be executed. Because of this, it could happen, that load is been triggered before your ready state has been … Read more
var selectedObjs; var draggableOptions = { start: function(event, ui) { //get all selected… selectedObjs = $(‘div.selected’).filter(‘[id!=’+$(this).attr(‘id’)+’]’); }, drag: function(event, ui) { var currentLoc = $(this).position(); var orig = ui.originalPosition; var offsetLeft = currentLoc.left-orig.left; var offsetTop = currentLoc.top-orig.top; moveSelected(offsetLeft, offsetTop); } }; $(document).ready(function() { $(‘#dragOne, #dragTwo’).draggable(draggableOptions); }); function moveSelected(ol, ot){ console.log(selectedObjs.length); selectedObjs.each(function(){ $this =$(this); var pos … Read more
I figured out how to do this very easily without modifying or adding any javascript. First you define the following CSS after all Twitter Bootstrap CSS: .collapse { height: auto; width: auto; } .collapse.height { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height … Read more
Update (2017): The following two libraries have now become the most common drop-down libraries used with Javascript. While they are jQuery-native, they have been customized to work with everything from AngularJS 1.x to having custom CSS for Bootstrap. (Chosen JS, the original answer here, seems to have dropped to #3 in popularity.) Select2: https://select2.github.io/ Selectize: … Read more
Generally speaking, jQuery plugins are namespaces on the jQuery scope. You could run a simple check to see if the namespace exists: if(jQuery().pluginName) { //run plugin dependent code } dateJs however is not a jQuery plugin. It modifies/extends the javascript date object, and is not added as a jQuery namespace. You could check if the … Read more
Firefox will only obey requests to raise a window if a security option is set, and it’s not set by default. Chrome won’t pay attention to focus() requests at all, as far as I can tell. Safari does obey focus() request. The specific Firefox setting is in the “Tools” -> “Options” (“Edit -> Preferences” on … Read more