PUBLIC MARKS from fredbird with tags javascript & source-code

moo.fx is a superlightweight, ultratiny, megasmall javascript effects library, written with prototype.js. It's easy to use, fast, cross-browser, standards compliant, provides controls to modify Height, Width, and Opacity with builtin checks that won't let a user break the effect with multiple crazy clicks. It's also optimized to make you write the lesser code possible. moo.fx has been successfully tested with: Firefox, Safari and Internet Explorer. It should work in most of the gecko browsers too. Only Height and Width will work in Opera, since that browser does not support opacity.

Prototype is a JavaScript framework that aims to ease development of dynamic web applications. Featuring a unique, easy-to-use toolkit for class-driven development and the nicest Ajax library around, Prototype is quickly becoming the codebase of choice for web application developers everywhere.

JavaScript’s increasing popularity throughout the web makes it more important than ever to make sure our client side code is implemented with a nice mix of stability, speed, and reusability. One of the best ways for accomplishing this is to use a simple library and syntax to use as a foundation for every project. Thankfully, Sam Stephenson created an amazing library of functions that we can rely on called Prototype.js to ease our JavaScript development practices.

So, I’ve created a basic effect, to smoothly scroll from an object’s position to another.

To get all a elements in the document with a “info-links” class. getElementsByClassName(document, "a", "info-links"); To get all div elements within the element named “container”, with a “col” class. getElementsByClassName(document.getElementById("container"), "div", "col"); To get all elements within in the document with a “click-me” class. getElementsByClassName(document, "*", "click-me");

That's why I came up with Behaviour - my solution to unobtrusive javascript behaviours. Behaviour lets you use CSS selectors to specify elements to add javascript events to. This means that instead of writing:

If you have a form where you want to allow a user to upload more than one file, you’re stuck with either adding as many file input elements as the number of files you want to upload, or possibly having new ones appear ‘magically’ through Javascript.

Quelques functions javascript pour manipuler les attributs class des objets DOM

Inspired by Andy, I decided to have a crack at something I've been thinking about trying for a long time. document.getElementsBySelector is a javascript function which takes a standard CSS style selector and returns an array of elements objects from the document that match that selector.

Small collection of tools for use with textareas

The Valid XHTML user script is an adaptation of the blogidate XML well-formedness bookmarklet. It shows a line of text under each textarea indicating whether the text is well-formed XHTML.

form validation

domCollapse allows you to collapse and expand parts of page by clicking other parts of a page. To identify a trigger element, you add the class "trigger" to it as an attribute. This will automatically collapse the next following element in the document tree.

There are many situations encountered when designing a webpage where showing and hiding a div using a link is useful.

Small script to easily display hover tool tips You can attach a popup to anything by simply giving it a class of 'hasHelp' and an id. Then adding the help text to a blockquote and giving that a class of 'helpContents' and an id of 'xxxHelp' where xxx is the id of the element it's related to.

resizable textareas

This script uses DHTML or Popup windows to display a calendar for the user to select a date.