javascript Archives - Belchamber Web Tools, AI Guidance & Code

Latest Useful Web Resources and Links #1, March 2016

Aaron Belchamber — Sat, 12 Mar 2016 18:31:37 +0000

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 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 […]

The post Latest Useful Web Resources and Links #1, March 2016 appeared first on Belchamber Web Tools, AI Guidance & Code.

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

Aaron Belchamber — Sat, 31 Oct 2015 13:51:57 +0000

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 […]

The post JQuery Datepicker: The quickest way to add hour and minute values to form’s date input field appeared first on Belchamber Web Tools, AI Guidance & Code.

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

Aaron Belchamber — Sat, 17 Oct 2015 19:46:51 +0000

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 […]

The post Validating forms with JQuery Validation: Ensuring at least one checkbox is checked appeared first on Belchamber Web Tools, AI Guidance & Code.

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

Aaron Belchamber — Mon, 14 Sep 2015 12:03:43 +0000

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; }; } This will return an a multi-element associative array containing values under “width” and “height” as its keys.

The post Get the image width and height of an image file at a remote URL in Javascript appeared first on Belchamber Web Tools, AI Guidance & Code.

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

Aaron Belchamber — Sun, 07 Jun 2015 17:50:29 +0000

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 […]

The post Google Chrome’s form autocomplete feature — shutting it off to avoid UI chaos for complex forms appeared first on Belchamber Web Tools, AI Guidance & Code.

Adding datepicker widget to Infusionsoft forms and what’s up with their primitive forms?!

Aaron Belchamber — Fri, 29 May 2015 01:48:18 +0000

Love Infusionsoft or hate it, if you are stuck using it, you want to be able to deploy useful forms with fields that optimize your visitors’ UX. If you are collecting date information, Infusionsoft forms don’t export the code with any built-in AJAX functionality. None. Someone made a conscious decision there to do the bare […]

The post Adding datepicker widget to Infusionsoft forms and what’s up with their primitive forms?! appeared first on Belchamber Web Tools, AI Guidance & Code.

Get date of last day of current month for special processing like for credit card expiration dates

Aaron Belchamber — Thu, 05 Mar 2015 04:21:53 +0000

In case you ever need to manually validate those pesky multi-field credit card date fields, you know “Month” and “Year” and you want to make sure the expiration is never set prior to the current month for obvious reasons like the credit card would get declined, you need to have the browser client side figure […]

The post Get date of last day of current month for special processing like for credit card expiration dates appeared first on Belchamber Web Tools, AI Guidance & Code.