Category Archives: JavaScript

The Language that powers the Client side of the Web and More

Adding a “loading” image to (just about) any form on submit, with jQquery

By Ian | August 16, 2010

under the category of the simplest thing that will actual work, I wanted to have one of those nice animate swilling icons running after the user hit the submit button so they knew that something was really happening.
The core code to this is very simple, using jQuery, just have a hidden image tag [...]

Also posted in Ajax, Code, css | 1 Comment

Building a Cascading Drop Down Selection List for Ruby on Rails with jQuery Ajax

By Ian | May 28, 2010

A frequent need in building web site application is to have users select one value and then, based on that value, select another value. Real world needs for related values might be : Select a Country and then State or Province; Select a Car Manufacture and then a Car Model. Generically it’s about [...]

Also posted in Ajax, Code, Ruby and Rails | 4 Comments

different behavior for Prototype JavaScript childElements() in FF and IE

By Ian | February 19, 2010

Or now to lose the rest of one’s limited hair …. I’ve come across a “doesn’t work as expect” issue while working in Prototype 1.6.0.2 JavaScript framework (”Easy Ajax and DOM manipulation for dynamic web applications” for sure!)
1$(’someIdName’).parentNode.childElements()
works fine in FireFox (v3) but not in Internet Explorer ( v6), in particular it seems [...]

Also posted in Ajax, Code, Web | 1 Comment

a GreaseMonkey script for Follow Rank and Follows in Common for Twitter User Profiles

By Ian | January 28, 2010

I’ve released a GreaseMonkey script Follow Rank and Follows in Common for Twitter User Profiles which you can use to display the Follows in Common and the Follow Rank for a given users profile page and discover how important they are in your Twitter Social Network.
Similar in aim to FaceBooks “friends in common”, adjusted [...]

Also posted in GreaseMonkey, Social Networking, Web | 1 Comment

Using GreaseMonkey’s persistent data functions as a aged Cache, revised.

By Ian | December 15, 2009

In eating my own dog food I have revised, corrected, improved and fixed the code I posted last week. The biggest changes are related to ensuring that all that cached data does not just accumulate and never gets cleared away.
Values set using the “GM_setValue” function are saved in the Firefox preferences back end and [...]

Also posted in Ajax, Code, GreaseMonkey, Web | Leave a comment

Use GreaseMonkey’s persistent data functions as a aged Cache.

By Ian | December 9, 2009

GreaseMonkey (Don’t know that GreaseMonkey is the greatest thing since slice bread? See Greasemonkey) has two persistent data function’s, GM_setValue and GM_getValue, which let you set and get values. See Mark Pilgrams excellent Dive Into Greasemonkey : Storing and retrieving persistent data for more details. (even better, go to GreaseSpot and it’s api [...]

Also posted in Code, GreaseMonkey | Leave a comment

JavaScript Function to get the Intersect of 2 Arrays

By Ian | December 1, 2009

In mathematics, the intersection (denoted as ∩) of two sets A and B is the set that contains all elements of A that also belong to B.
I needed the javascript array equivalent, so that given an array A = ["a","b","c", "d"] and B = ["b", "d", "e"], getIntersect(A, B) = ["b", "d"]
123456789101112function getIntersect(arr1, arr2) [...]

Also posted in Code, Web | 1 Comment

10 UI Design Patterns You Should Be Paying Attention To

By Ian | June 29, 2009

via smashingmagazine we have 10 UI Design Patterns You Should Be Paying Attention To, and they are

Lazy Registration;
Progressive Disclosure;
Forgiving Format;
Clear Primary Actions;
Breadcrumbs;
Account Registration;
Required Field Marker;
Steps Left;
Subscription plans;
Hover Controls;

Every web designer and [...]

Also posted in Code, Web, css | Tagged design, patterns, usability, webdesign | Leave a comment

Greasing the bird : enhancing Twitter with GreaseMonkey

By Ian | March 13, 2009

GreaseMonkey is an add-on to (primarily, but not only) the Mozilla FireFox web browser that lets you run small (javascript) scripts to modify HTML pages on-the-fly, changing how they behave and look. It was originally created by Aaron Boodman (aka youngpup) in 2005.
Twitter is a social networking and micro blogging service that enables its users [...]

Also posted in Code, GreaseMonkey, Social Networking, Web | 1 Comment

Tab interface for static content using JavaScript Prototype

By Ian | October 9, 2008

I wanted to make a simple as possible Tab interface, using the Prototype JavaScript library (version 1.6.0.3 in this case using the Goggle AJAX Libraries API). Further adventures is modern javascripting….
Real world uses for this would include any time you have big long page with static chucks of text, or other content, that you want [...]

Also posted in Code, LinkedIn | Leave a comment