JavaScript
As the third leg of the web standards stool, JavaScript is the predominant client-side programming language. Nearly all browsers implement JavaScript, albeit not always in exactly the same way. JavaScript frameworks, such as Prototype and jQuery, relieve programmers of the drudgery of dealing with low-level details and differences among browsers.
Using Yahoo's User Interface Library Treeview in Rails
Our BuildingWebApps.com site organizes much of its information by assigning one or more categories from a domain specific taxonomy to each article, link, or other piece of content. A site visitor can browse the information in several ways, but one quick approach is via a category browser widget that appears on most content pages. The hierarchical tree view is implemented by embedding Yahoo's Open Source User Interface Library Treeview (aka YUI treeview, or just treeview here) into our RHTML. continue...
New Articles
from around the Web
- Javascript framework usage among top websites
- HTML Editor or Rich Text Editor for Your Ruby on Rails Apps
- Scriptaculous switch to github and Lighthouse
- Prototype JavaScript Framework
-
Painless JavaScript Using Prototype
A good tutorial on using Prototype (not Rails specific).
-
Prototype JavaScript framework: Introduction to Ajax
An introduction to implementing Ajax with the Prototype JavaScript framework.
-
escape(), encodeURI(), encodeURIComponent()
Comparing encoding routines within Javascript.
-
Autotesting Javascript in Rails
A getting started article on how to test Javascript, including useful plugins, tools, and hints for TDD in Javascript.
- FireBug Tips and Tricks
- Working on Forms with Prototype
Related Books
JavaScript
The Good Parts
This book focuses on the JavaScript language itself, and how to write effective programs with it, rather than on using it to manipulat...
List: $29.99 Amazon price: $19.79 Buy
Prototype and script.aculo.us
You Never Knew JavaScript Could Do This!
List: $34.95 Amazon price: $23.07 Buy
Ajax on Rails
Focused discussion of integrating AJAX within a Rails environment.
List: $39.99 Amazon price: $26.39 Buy
Links by Type
Documentation (7)
- GotAPI
Searchable API documents for Rails, as well as for HTML, CSS, and JavaScript.
- jQuery: The Write Less, Do More, JavaScript Library
Home page for jQuery, a full featured, light-weight Javascript library. From site: “jQuery is a fast, concise, JavaScript Library that simplifies how you traverse HTML documents, handle events, perform animations, and add Ajax interactions to your web pages.”
- Mozilla Developer Center
- Prototype JavaScript framework: API.Prototype API Documentation
API documentation for the Prototype JavaScript framework.
- Scriptaculous home on GitHub
Scriptaculous has moved its code to Github, and the documentation will be ported in time.
- Ajax In Place Editor
Scriptaculous in-place editor widget documentation.
- Legacy Scriptaculous documentation
A static capture, sans styling of the original Scriptaculous documentation wiki, which will eventually be ported to github.
Software (15)
- BlogFish: tooltip.js
Javascript function to add a tooltip when the user hovers over certain items. Uses Prototype and includes Rails helpers.
- CSS Balanced Columns V3
Unless you use tables for layout, achieving equal-height columns is a matter of choosing the lesser of various evils. This is a sophisticated JavaScript solution that has a lot to recommend it.
- jQuery 1.2.6: Events 100% faster
- Prototype JavaScript framework: Easy Ajax and DOM manipulation for dynamic web applications
Central site for the Prototype JavaScript framework.
- Scriptaculous home on GitHub
Scriptaculous has moved its code to Github, and the documentation will be ported in time.
- Scripteka :: Prototype extensions library
A library of extensions for the Prototype JavaScript framework.
- A library of DHTML and Ajax scripts
- Dojo Toolbocks
Plugin for using the Dojo JavaScript libraries with Ruby on Rails applications.
- Firebug - Web Development Evolved
Comprehensive debugging and in-browser development tool for Firefox.
- jQuery: The Write Less, Do More, JavaScript Library
- Opera Dragonfly
Browser Debugging tool (like Firebug), but runs on any device that Opera runs on.
- script.aculo.us - web 2.0 javascript
Main web site for the Scriptaculous project.
- SproutCore
- WYM on Rails
Plugin for integrating the WYM editor into Rails.
- WYMeditor - web-based XHTML editor - Home
FAQs & Resource Lists (1)
Cheat Sheets (1)
Screencasts (3)
Presentation Slides (1)
- Secrets of JavaScript Libraries
Slides from a session at SXSW 2008 that included the authors of the Prototype and Scriptaculous frameworks, as well as other notables.
Groups (1)
- Ruby on Rails: Spinoffs
Forum for discussion of Prototype, Scriptaculous, and other Rails spinoffs.
Top Blogs
-
mir.aculo.us
Thomas is the author of the Scriptaculous JavaScript library.
-
perfection kills
"Exploring prototype by example"
- Relevance - Relevance Weblog
- scottraymondnet
- AlternateIdea
