Snipplr

(JavaScript) Switch using an Object - 1man

Wed, 27 Apr 2011 01:17:46 UTC

Using an object as a simple switch.

(JavaScript) Module layout in JavaScript - 1man

Tue, 24 Aug 2010 00:24:53 UTC

Simple illustration of structuring your JavaScript and minimising your use of global vars.

(JavaScript) Exceptions in JavaScript - 1man

Mon, 23 Aug 2010 20:55:09 UTC

An example taken from JavaScript: The good parts showing how to catch an exception.

(JavaScript) Add hasJS class to HTML element - 1man

Thu, 14 May 2009 04:12:12 UTC

Adds a class of hasJS to the html element, can be used for CSS styling.

(JavaScript) jQuery Input value select - 1man

Thu, 22 Jan 2009 05:32:58 UTC

Click on an input field with a prefilled value, if that value equals the default then select it, if not leave it as it was. Relies on jQuery.

(JavaScript) JSON-P with jQuery - 1man

Fri, 26 Dec 2008 18:34:06 UTC

Using JSON-P with jQuery. Note the callback.

(JavaScript) The jQuery Data Store - 1man

Thu, 13 Nov 2008 10:45:01 UTC

I didn't realise until now you could do this in jQuery, very useful. Store a value for later use, then remove it.

(JavaScript) Adobe Air Introspector Commands - 1man

Wed, 08 Oct 2008 04:28:52 UTC

Simple list of commands to use within Adobe AIR to help debug an application.

(JavaScript) jQuery radio button donate submit - 1man

Wed, 01 Oct 2008 09:48:14 UTC

This snippet is useful on donate forms. If you have a radio button for other value, then this will clear the current value in the text input box, and attach the user in putted value to the other radio button.

(JavaScript) jQuery open external link in new window - 1man

Wed, 01 Oct 2008 06:04:07 UTC

Two different ways to open an external link (ones that start in http) in a new window. I know this isn't a great thing to do, but some clients _need_ to have it.

(JavaScript) Stop Firebug Console Command Errors - 1man

Tue, 18 Mar 2008 19:54:35 UTC

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 - 1man

Mon, 10 Mar 2008 16:57:08 UTC

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 - 1man

Wed, 05 Mar 2008 17:40:56 UTC

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 - 1man

Wed, 05 Mar 2008 17:32:40 UTC

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 - 1man

Wed, 05 Mar 2008 06:03:46 UTC

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

(JavaScript) Option Hash Using jQuery - 1man

Wed, 27 Feb 2008 15:20:11 UTC

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 - 1man

Thu, 14 Feb 2008 16:06:19 UTC

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

(JavaScript) jQuery Link Background Quick Fade - 1man

Sat, 19 Jan 2008 12:05:49 UTC

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 - 1man

Thu, 10 Jan 2008 07:20:07 UTC

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 - 1man

Wed, 02 Jan 2008 10:29:36 UTC

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 - 1man

Sun, 02 Dec 2007 17:04:45 UTC

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

(JavaScript) Function call() Method - 1man

Sun, 02 Dec 2007 09:24:31 UTC

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 - 1man

Sun, 02 Dec 2007 07:59:36 UTC

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 - 1man

Sun, 02 Dec 2007 06:50:07 UTC

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 - 1man

Sun, 02 Dec 2007 06:19:11 UTC

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 - 1man

Sun, 18 Nov 2007 10:58:53 UTC

Very basic switch statement.

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

Tue, 13 Nov 2007 18:26:13 UTC

Basic usage of the in and instanceOf operators.

(JavaScript) Mootools Draggable / Resize Example - 1man

Mon, 29 Oct 2007 08:29:23 UTC

Very simple drag and resize function.

(JavaScript) Mootools Slide Toggle - 1man

Mon, 29 Oct 2007 07:30:30 UTC

Very basic way to toggle an element to slide in and out using mootools 1.1. Uses FX.Slide, other transitions are available.

(JavaScript) Basic Object Creation - 1man

Tue, 04 Sep 2007 03:27:56 UTC

Create a simple object and add properties and a method. Note where the object is parsed (not from top to bottom).

(JavaScript) Focus and Select a Form Input - 1man

Wed, 11 Jul 2007 05:51:26 UTC

For forms with a default value onload you don't want your users to have to select the value, delete it and then insert their own input. This function focuses on a selected input, then it selects the default text so the user can easily type their own value.

(JavaScript) addEvent Function - 1man

Thu, 12 Apr 2007 04:26:43 UTC

addEvent function. Can't remember the exact site i got it from. Works well for me.

(JavaScript) Linking Objects & Deleting Info in Objects - 1man

Tue, 20 Mar 2007 09:56:09 UTC

Shows you how to link 2 objects together via the object function. If a value isn't found in the object, it will look for it in the linked object.

(JavaScript) Extending Objects and Custom Objects using .prototype - 1man

Tue, 20 Mar 2007 08:02:15 UTC

Extend a custom object, and a pre-defined object(e.g. string) using .prototype available in JS.

(JavaScript) Pull in Info from a HTML File using innerHTML - 1man

Wed, 14 Mar 2007 09:32:50 UTC

Simply replaces the div's innerHTML with the response text received from the file.

(JavaScript) Basic JSON File - 1man

Wed, 14 Mar 2007 03:09:27 UTC

Basic layout for the data contained in a JSON file.(JavaScript Obsect Notation).

(JavaScript) Ajax Parsing XML Data - 1man

Tue, 13 Mar 2007 09:54:15 UTC

This function allows you to parse a simple XML document(passed to it using this.href on a onclick event). Virtually the same as JSON, the things that have been changed ate labeled !Important.

(JavaScript) Ajax Parsing JSON Data - 1man

Tue, 13 Mar 2007 09:47:32 UTC

This function is near enough the same as parsing XML. The only things that have changed are the sections marked !important.

(JavaScript) Remove All childNodes - 1man

Tue, 13 Mar 2007 07:30:22 UTC

This while loop will remove all childNodes from a selected element.

(JavaScript) Grab Text from a File Ajax - 1man

Tue, 13 Mar 2007 05:14:55 UTC

Very basic grab a line of text from a file then display it in an alert box. Uses other functions for loading prepareLinks() and creating the request.

(JavaScript) Ajax Post Request - 1man

Mon, 12 Mar 2007 09:41:25 UTC

Simple Ajax POST request using the getHTTPObject function.

(JavaScript) Ajax GET Request - 1man

Mon, 12 Mar 2007 09:37:00 UTC

(JavaScript) Ajax getHTTPObject function - 1man

Mon, 12 Mar 2007 05:37:54 UTC

This functions allows you to create a new XMLHTTPRequest, it checks to see if the browser supports each method, if not it returns false.

(JavaScript) Standard Compliant Way to Open A New Page Function - 1man

Thu, 08 Mar 2007 03:11:32 UTC

This function allows you to open a new window, without using any inline Javascript. Simply add rel="external" to the link you wish to open in a new window.

(JavaScript) Query Variable Function - 1man

Thu, 08 Mar 2007 02:55:41 UTC

This function extracts a value from a url. Very useful for tracking codes. For example, you have a url http://your.url/?source=666999, and you need the source number to be placed into a variable. Use the code below.

(JavaScript) addClass Function - 1man

Mon, 19 Feb 2007 06:43:37 UTC

Function to look if an element has a class, if it doesn't simply add it to the element. If it does have a class add it to the class that is already there. Function expects 2 values, the element to add the class to, and the new class name (value).

(JavaScript) Stripe Table Rows DOM JS Function - 1man

Tue, 13 Feb 2007 06:29:15 UTC

This function looks for tables in a web page, then loops through the rows and sets the backgroundColor for ever other row.This creates a striped table which is easier to read.

(JavaScript) addLoadEvent Function - 1man

Tue, 13 Feb 2007 05:55:38 UTC

Use this function to queue functions you wish to load on window onload. Very useful when code becomes complex.

(JavaScript) Usage of getNextElement Function - 1man

Tue, 13 Feb 2007 05:40:55 UTC

Usage of the getNextElement function. Very basic usage to pick out the h1 tags, then change the properties of the next element(not node).

(JavaScript) getNextElement DOM function - 1man

Tue, 13 Feb 2007 04:48:15 UTC

Useful function for CSS DOM, returns the next element after the selected node. So you could style the element directly after a h1 element for example.