smokinggun source code
back to Code | back to Home
Clippings add a method of collecting links on a site for later browsing. First used at IHT.com and also in use at Three Oh (called Excerpts), they function like a shopping basket for links or other URI addressed data. Cookies are required.

Info | Source | License
Info
Clippings were created with the intent to allow a user to browse data, such as headlines, and select articles for later reading. Current methods of navigating a web site force users to follow one path, unless the user opens different paths in multiple windows. This is not an elegant solution. Clippings attempts to provide an elegant solution to a less linear browsing experience.

Notes

 

Changes

version 1.01: changes the style sheet some to fix a display error in Mozilla .9.3. Added #clippingsContainer A style. There are still some minor display problems in Moz .9.3, but I believe these are bugs in Moz, not the clippings.

 

Syntax
HTML

<a id="clippingId" class="clippingIcon">+</a><b>clippingName</b>

For Example: <a id="clp1" class="clippingIcon">+</a><b>Three Oh</b>

Javascript

allClippings[allClippings.length] = new Clipping(clippingId,"clippingName","clippingUrl");

For Example: allClippings[allClippings.length] = new Clipping(1,"Three Oh","http://www.threeoh.com");

Clipping Object

The Clipping Object can be extended to include additional meta data. The below is the required data:
	function Clipping(id,name,URL, read)
	{
	this.id = id;
	this.name = name;
	this.URL = URL;
	this.read = read;
	this.clicked = markRead;
	}
	
Source
Click to load or download clippings.js
Lorem ipsum dolor sit amet, + Three Oh consectetur adipscing elit, sed diam nonumy eiusmod tempor indidunt up labore et dolore magnaaliquam erat volupat.

Ut enim ad minimim veniami quis + Fork nostrud exercitation ullamcorpor suscipit laboris nisi ut aliquip ex ea commodo consequat.

Duis autem vel eum irure dolor in + K10K reprehenderit in voluptate velit esse molestaie son consequat, vel illum dolore eu fugiat nulla pariatur.

At vero eos et accusam et justo odio + Slashdot dignissim qui blandit prasesent lupatum delenit aigue duos dolor et molestais exceptur sint occaecat cupidat non provident, sinil tempor sunt in culpa qui official deserunt mollit anim id est laborum et dolor fugai.

Et harumd dereud facilis + Three Oh est er expedit distinct.

Nam liber a tempor cum soluta nobis eligend + Evolution Zone optio comque nihil quod a impedit anim id quod maxim placeat facer possim + Glish omnis es voluptas assumenda est, omnis dolor repellend.