Snipplr - 1man

(JavaScript) jQuery / Mootools Fade Toggle and Background Change

Mon, 28 Apr 2008 10:53:48 GMT

I have been meaning to learn how to use mootools for a while. As i already know how to use jQuery i thought a great way to learn would be to compare the 2 syntaxes side by side. I'm sure there is a way of using a toggle method in mootools, so once i figure out how i will update.

(JavaScript) Stop Firebug Console Command Errors

Tue, 18 Mar 2008 19:54:35 GMT

Sometimes i forget to remove firebug console commands when debuging, which makes IE and some other browsers fail / cry. To stop this happening use the below script from firebugx.js on the firebug lite homepage.

(JavaScript) jQuery Fade In Sequence

Mon, 10 Mar 2008 16:57:08 GMT

I'm sure i can clean this up quite a bit, but it works for the moment. This function looks to see if you are on a selected page. If you are it hides the navigation, then loops through and shows each li one after the other. So they don't all fade in together. Needs a tidy i think.

(JavaScript) Function invocation and 'this' Context Example

Wed, 05 Mar 2008 17:40:56 GMT

Quick example to show how 'this' depends on how the function in which you called it in was being invoked. From jQuery in Action.

(JavaScript) Closure Example Relating to 'this' Execution Context

Wed, 05 Mar 2008 17:32:40 GMT

Example showing how using 'this' in a function depends on where 'this' is defined. From book jQuery in Action.

(JavaScript) jQuery Object Hash and jQuery Extend

Wed, 05 Mar 2008 06:03:46 GMT

An example of how to extent the jQuery objects to include our own methods.

(JavaScript) Option Hash Using jQuery

Wed, 27 Feb 2008 15:20:11 GMT

If you have a complex function you may need to pass it lots of arguments. Instead of having to remember how many you need to pass, and passing 'null' for un needed arguments, pass the function an object. Now you can set the defaults inside the function, which will be superseeded if they are passed as an argument.

(JavaScript) Cross Browser Cursor Position

Thu, 14 Feb 2008 16:06:19 GMT

Nice little snippet i found on Ajaxian, finds the position of the mouse cursor when it is fired.

(JavaScript) jQuery Link Background Quick Fade

Sat, 19 Jan 2008 12:05:49 GMT

Found this quick little bit of code on the Google jQuery discussion group. It simply fades the background image of a link you have hovered over to a certain color, then fades it back to the original color.

(JavaScript) jQuery Simple Style Switcher

Thu, 10 Jan 2008 07:20:07 GMT

Very simple style switcher using jquery. Takes 3 links with id's on each. When one is clicked various styles are removed, then a new one is added.

(JavaScript) Adobe AIR Open New URL with Sandbox Bridge

Wed, 02 Jan 2008 10:29:36 GMT

Adobe Air has a few security settings that stops you executing certain AIR methods when inside the sandbox. The code below bridges between the root document and the security sandbox, allowing you to open a URL in AIR in a default browser.

(JavaScript) Javascript Closure

Sun, 02 Dec 2007 17:04:45 GMT

Apologies if I haven't explained this to well, I'm still trying to get my head round closures.

(JavaScript) Function call() Method

Sun, 02 Dec 2007 09:24:31 GMT

This method allows you to call a function as a method of another object. The first argument the call method expects is the object it is to operate on. Any others are part of the function. Note how the this keyword now refers to the comp object, so a result property is created inside comp.

(JavaScript) Array Functions as Data

Sun, 02 Dec 2007 07:59:36 GMT

The important thing to notice is the () operator in a[2]. It is invoking the function inside a[0] with the argument a[1].

(JavaScript) Accessing Arguments Using the Arguments Object

Sun, 02 Dec 2007 06:50:07 GMT

Every function has an object called the arguments object. This is an object that contains all the arguments that were passed to the function. The example below shows how to access these. Very rarely used but useful to know. Note: it may look like an array, but it's better to think of it as an object with numbered properties.

(JavaScript) Optional Function Arguments

Sun, 02 Dec 2007 06:19:11 GMT

Simple way of allowing functions to take optional arguments. Always place the optional arguments last, so you don't have to explicitly pass an argument as "undefined".

(JavaScript) Simple Switch Statement

Sun, 18 Nov 2007 10:58:53 GMT

Very basic switch statement.

(JavaScript) Basic Usage of the 'in' and 'instanceOf' Operators

Tue, 13 Nov 2007 18:26:13 GMT

Basic usage of the in and instanceOf operators.

(JavaScript) Random Number

Mon, 12 Nov 2007 16:15:41 GMT

Very simple random number generator, generates a number that then runs a function that is inside an array. Used a version of this with UFO flash script to pull in a random flash object on a page.

(JavaScript) Mootools Draggable / Resize Example

Mon, 29 Oct 2007 08:29:23 GMT

Very simple drag and resize function.