prototype Tag Archive

Open Links to a Different Site in a New Window with Prototype


Using the JavaScript library Prototype I can easily make any external links open in a new window, as well as change the rel=”external” links to open in a target=”_blank” window!

Popularity: 67% [?]

Change Rel External to Target Blank using Prototype


Use javascript to make XHTML valid rel=”external” act like target=”blank” in a snap using the Prototype JavaScript library.

Popularity: 38% [?]

Zip Code, Phone Number and Replacing Empty Fields with Really Easy Validation


While using the Really Easy Validation JavaScript validation library I’ve accumulated a few custom validations that for US phone numbers, US zip codes, Canadian postal codes as well as replacing empty fields or fields that don’t contain a numeric value. Good stuff!

Popularity: 55% [?]

Alternating Colors Using Prototype


Using the CSS nth-child selectors I’ve learned how to alternate colors using the Prototype library. Great to apply a style to your tables without having to apply styles by hand or using extra loops/counting with your server side scripting.

Popularity: 37% [?]

Limit Characters in a Textarea with Prototype


Limit and display the number of characters available in a text area using my little add on script to the Prototype JavaScript library. Very easy to implement, and great feedback to your form filler-outers.

Popularity: 76% [?]

Evolving Styles: Add, Change Remove Classes with Prototype


Using the Prototype JavaScript library it’s easy to apply, add or remove a class to and from an element. Just few simple lines of JavaScript and you have a whole new interactivity at your fingertips.

Popularity: 25% [?]

First, Last, Active and Only List Styles With Prototype


It’s easier than ever to apply the classes ‘first, ‘last’, and ‘active’ to your navigation lists using the Prototype Javascript library. Of course this will only work for a JavaScript enabled environment but if you have a list that is out of control, or already requires Javascript, this might be your best solution.

Popularity: 29% [?]

Simple Hide and Show with Prototype


Hiding and showing elements using Prototype is super easy. We’ll walk through from the most basic hid and show functionality to slightly more complex functionality where you can change the toggle’s text or image.

Popularity: 64% [?]

Event Observe and Event Listeners with Prototype


My most common mistake with Prototype is not defining elements before i call them with my JavaScript. Using event listeners I can ensure I don’t call on an element until it, or the whole page is loaded, amongst many other reasons.

Popularity: 55% [?]

JavaScript Script.aculo.us Fade with a Timer


Using Scriptalicious’s fade effect with a simple JavaScript timer you can send a message to your visitor . A great an effective way to increase usability and provide useful feedback after your visitor has made some action. Oh…and it looks good!

Popularity: 40% [?]