javascript Archives - Belchamber Web Tools and Code

Latest Useful Web Resources and Links #1, March 2016

Posted on 03/12/201603/12/2016 by Aaron Belchamber

I created this page as a running repository of useful, miscellaneous web notes for later reference. Javascript & JQuery How to get the latest version of JQuery:

alert('JQuery: '+$.fn.jquery);   // Outputs JQuery: x.x.x

1	alert('JQuery: '+$.fn.jquery); // Outputs JQuery: x.x.x

Useful info about Javascript and JQuery source maps -- an explanation about what they are and how they are used: http://elijahmanor.com/the-magic-of-the-jquery-1-9-source-map/ Parsley -- A reliable and easy…

JQuery Datepicker: The quickest way to add hour and minute values to form’s date input field

Posted on 10/31/2015 by Aaron Belchamber

The JQuery UI library's Datepicker function is very convenient. Here's a way to override the date field if you want to allow the user to also input the time of day along with it without adding an extra field and deal with merging the values in the backend. You can also add "+d.getSeconds()" if you…

Validating forms with JQuery Validation: Ensuring at least one checkbox is checked

Posted on 10/17/2015 by Aaron Belchamber

On occasion, you're going to have some mammoth form that doesn't validate properly with any Javascript validation library. One event is when the form you are given to deploy has a lot of checkboxes and one of those checkboxes needs to be checked to be valid. The easiest way to make sure this happens is…

Get the image width and height of an image file at a remote URL in Javascript

Posted on 09/14/201509/13/2015 by Aaron Belchamber

Here's how you can get the image width and height of an image file at a remote URL.

function getImgDims(url){
var img = new Image();
img.onload = function(){
var rtnArr=Array;
rtnArr['width']=this.width;
rtnArr['height']=this.height;
return rtnArr;
};
}

function getImgDims(url){

var img = new Image();

img.onload = function(){

var rtnArr=Array;

rtnArr['width']=this.width;

rtnArr['height']=this.height;

return rtnArr;

};

}

This will return an a multi-element associative array containing values under "width" and "height" as its keys.

Google Chrome’s form autocomplete feature — shutting it off to avoid UI chaos for complex forms

Posted on 06/07/201506/06/2015 by Aaron Belchamber

All browsers have their idiosyncrasies -- Internet Explorer had so many Microsoft is changing its name. Here's another one of a hundred browser "idiot syncrasies" that wasted so much time. I've always developed sites first for Firefox then Chrome then found I had to add more hacks on top for IE, the infamous "shiv" code…

Page 1 of 2
1

javascript

Latest Useful Web Resources and Links #1, March 2016

Like this:

JQuery Datepicker: The quickest way to add hour and minute values to form’s date input field

Like this:

Validating forms with JQuery Validation: Ensuring at least one checkbox is checked

Like this:

Get the image width and height of an image file at a remote URL in Javascript

Like this:

Google Chrome’s form autocomplete feature — shutting it off to avoid UI chaos for complex forms

Like this:

Share this:

Like this:

Share this:

Like this:

Share this:

Like this:

Share this:

Like this:

Share this:

Like this: