Editorial
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...
Articles
New Articles
from around the Web
- TinyMCE WYSIWYG Text Editor on Rails
- 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
-
Prototype JavaScript framework: Introduction to Ajax
An introduction to implementing Ajax with the Prototype JavaScript framework.
-
Painless JavaScript Using Prototype
A good tutorial on using Prototype (not Rails specific).
-
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
Books
Related Books
Links
Links by Type
Documentation (9)
- GotAPI
Searchable API documents for Rails, as well as for HTML, CSS, and JavaScript. - Mozilla Developer Center
- Prototype JavaScript framework: API.Prototype API Documentation
API documentation for the Prototype JavaScript framework. - Ajax In Place Editor
Scriptaculous in-place editor widget documentation. - Scriptaculous home on GitHub
Scriptaculous has moved its code to Github, and the documentation will be ported in time. - Legacy Scriptaculous documentation
A static capture, sans styling of the original Scriptaculous documentation wiki, which will eventually be ported to github. - AJAX In Place Rich Editor: In place AJAX-powered WYSIWYG editor
Using the great libraries Prototype 1.6, Script.Aculo.Us 1.8 and TinyMCE 3.1, IPRE provide a really easy way to implement an in place AJAX-powered editor using WYSIWYG. - WYMeditor - web-based XHTML editor
A new alternative for WYSIWYG editors. Uses JQuery. - 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."
Groups (1)
- Ruby on Rails: Spinoffs
Forum for discussion of Prototype, Scriptaculous, and other Rails spinoffs.
Screencasts (3)
FAQs & Resource Lists (1)
Software (15)
- SproutCore
- BlogFish: tooltip.js
Javascript function to add a tooltip when the user hovers over certain items. Uses Prototype and includes Rails helpers. - Prototype JavaScript framework: Easy Ajax and DOM manipulation for dynamic web applications
Central site for the Prototype JavaScript framework. - Scripteka :: Prototype extensions library
A library of extensions for the Prototype JavaScript framework. - script.aculo.us - web 2.0 javascript
Main web site for the Scriptaculous project. - WYM on Rails
Plugin for integrating the WYM editor into Rails. - WYMeditor - web-based XHTML editor - Home
- Opera Dragonfly
Browser Debugging tool (like Firebug), but runs on any device that Opera runs on. - Firebug - Web Development Evolved
Comprehensive debugging and in-browser development tool for Firefox. - A library of DHTML and Ajax scripts
- Dojo Toolbocks
Plugin for using the Dojo JavaScript libraries with Ruby on Rails applications. - 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: The Write Less, Do More, JavaScript Library
- jQuery 1.2.6: Events 100% faster
- jRails -- jQuery on Rails
jRails is a drop-in jQuery replacement for Prototype/script.aculo.us on Rails. Using jRails, you can get all of the same default Rails helpers for javascript functionality using the lighter jQuery library.
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.
Cheat Sheets (1)
Blogs
Top Blogs
-
Ajax Bestiary » AJAX Development, News, Techniques & More
"A Javascript Field Guide" of useful techniques.
- scottraymondnet
- Relevance - Relevance Weblog
- AlternateIdea
-
perfection kills
"Exploring prototype by example"
-
mir.aculo.us
Thomas is the author of the Scriptaculous JavaScript library.
