Category: JavaScript

Experimenting with the canvas for a basic walk animation

I don’t claim to be an animator, JavaScript array expert, or anything else; I simply wanted to explore the canvas tag in HTML5. In the following article, I demonstrate how to create a simple walking animation using a free sprite that I found on the Internet.

Before I show the solution, I’m going to start with the finished product. Like I stated, it’s extremely basic and not the most overly exciting thing in the world. But from a person who has been creating web applications for 10 years, I found it pretty cool.

(more…)

February 19, 2019
Deep clone an object with jQuery

To copy/clone an object using jQuery, you will want to leverage the extend function. This function accepts N objects to clone/merge as well as a boolean to indicate whether it should copy recursively or not.

(more…)

February 19, 2019
jQuery: Global AJAX Events for Start, Stop, Complete, or Error

When your website contains a lot of AJAX requests using jQuery template and you want to add a global event at the start or finish of the AJAX request, e.g. add a spinning icon, or handle all AJAX errors in a particular fashion.

The jQuery library provides multiple events for ajax event handlers. This article will focus on ajaxStart and ajaxError.

(more…)

February 18, 2019
JavaScript – Search a string for a substring

You want to search a string variable to determine if it contains a matching substring value.

To search for a string inside of a string contains several different methods, each offering their own benefit. The most common solutions involve the indexOf function or using a regular expression with the match function.

(more…)

February 15, 2019
Set Cursor Position of textarea with JavaScript

In the following example, I will create some basic functions to allow you to set where the cursor goes inside of a textarea or <input type=”text”>. Let’s dive right into the core JavaScript code that will leverage similar functions to a JavaScript array:

(more…)

February 14, 2019