JQuery Archives - Belchamber Web Tools, AI Guidance & Code

How embarrassing: Fixing the Mail Chimp pop-up form

Aaron Belchamber — Mon, 21 Mar 2016 12:37:53 +0000

It’s bound to happen, you’re going to be in a hurry and put the snazzy, slick Mail Chimp sign-up form on your website. The pop-up, after all, looks great, but I highly recommend testing it because there are some serious assumptions the API author makes, one being that your JQuery library, which this pop-up behavior […]

The post How embarrassing: Fixing the Mail Chimp pop-up form appeared first on Belchamber Web Tools, AI Guidance & Code.

Adding Google Maps input widget to place location as simple as JQuery Datepicker

Aaron Belchamber — Mon, 11 Jan 2016 12:31:43 +0000

Accessing the Google Map API for your own in-form location input widget which allowss users to “pin” their location on a Google map and allow you to store their map location, latitude and longitude in your database is easy with this library. It’s just like the JQuery calendar widget — it’s as simple, clean and […]

The post Adding Google Maps input widget to place location as simple as JQuery Datepicker 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.

How to add more form fields and data to a serialized AJAX form in JQuery

Aaron Belchamber — Wed, 18 Mar 2015 01:46:45 +0000

In a jQuery form post, here is how you add more data to the serialized form data. This is useful if you find yourself needing to pass some extra data along with the AJAX post. This is a barebones example of a blind AJAX post to a form handler script called “form_handler.php”. I find jQuery’s […]

The post How to add more form fields and data to a serialized AJAX form in JQuery appeared first on Belchamber Web Tools, AI Guidance & Code.

prependTo and appendTo: The proper JQuery method to move elements on a web page that contain script tags

Aaron Belchamber — Sun, 06 Apr 2014 13:53:42 +0000

Sometimes, things don’t make sense on the surface until you dig deeper. Don’t worry, no one knows everything in their particular profession, and I am know exception. A client of ours uses “OpenX” to manage their ads. This ad delivery framework is pretty straightforward, but what happens if you are delivering ads into a CMS like WordPress from the OpenX […]

The post prependTo and appendTo: The proper JQuery method to move elements on a web page that contain script tags appeared first on Belchamber Web Tools, AI Guidance & Code.

Adjusting website behavior for accommodating responsive layouts so content will display instead of website header and main menu on smaller screens

Aaron Belchamber — Sun, 23 Mar 2014 14:24:59 +0000

Here’s something I run into time and again. The website looks great on different devices, you did a great job on that responsive layout. But something silly happens and if you’re using a theme for your Drupal or WordPress site, they usually didn’t write code to accommodate this flaw in UI behavior. When someone views […]

The post Adjusting website behavior for accommodating responsive layouts so content will display instead of website header and main menu on smaller screens appeared first on Belchamber Web Tools, AI Guidance & Code.