Demos Tutorials
![New York Times-Style Text Selection Widget Using MooTools or jQuery]()
New York Times-Style Text Selection Widget Using MooTools or jQuery
Aaron Newton made a great request to me last week: why not make my MooTools Documentation Bookmarklet function more like the New York Time's text selection widget. NYT's text selection widget listens for text selection and presents the user with a "search" icon...
![Record Text Selections Using MooTools or jQuery AJAX]()
Record Text Selections Using MooTools or jQuery AJAX
One technique I'm seeing more and more these days (CNNSI.com, for example) is AJAX recording of selected text. It makes sense -- if you detect users selecting the terms over and over again, you can probably assume your visitors are searching that term on Google...
![Create a Sprited Navigation Menu Using CSS and MooTools]()
Create a Sprited Navigation Menu Using CSS and MooTools
CSS sprites are all the rage these days. And why shouldn't be? They're easy to implement, have great upside, and usually take little effort to create. Dave Shea wrote an epic CSS sprites navigation post titled CSS Sprites2 - It's JavaScript Time.
![Event Delegation with MooTools]()
Event Delegation with MooTools
Events play a huge role in JavaScript. I can't name one website I've created in the past two years that hasn't used JavaScript event handling on some level. Ask yourself: how often do I inject elements into the DOM and not add an...
![Dynamically Create Charts Using jQuery Flot and Google Analytics]()
Dynamically Create Charts Using jQuery Flot and Google Analytics
Earlier in the week I published a popular article titled Dynamically Create Charts Using MooTools MilkChart and Google Analytics. My post showed you how to use MooTools MilkChart and a splash of PHP to create beautiful charts of Google Analytics data. I was...
-
![Fancy FAQs with MooTools Sliders: Version 2]()
Fancy FAQs with MooTools Sliders: Version 2
A little over a year ago I authored a post titled Fancy FAQs with MooTools Sliders. My post detailed a method of taking boring FAQs and making them more robust using the world's best JavaScript framework: MooTools. I've taken some time to...
![Dynamically Create Charts Using MooTools MilkChart and Google Analytics]()
Dynamically Create Charts Using MooTools MilkChart and Google Analytics
The prospect of creating graphics charts with JavaScript is exciting. It's also the perfect use of JavaScript -- creating non-essential features with unobtrusive scripting. I've created a mix of PHP (the Analytics class), HTML, and MooTools JavaScript that will connect to Google Analytics...
![Form Element AJAX Spinner Attachment Using jQuery]()
Form Element AJAX Spinner Attachment Using jQuery
Yesterday I showed you how to attach an AJAX spinner next to a form element using my beloved MooTools. Today I'll show you how to implement that same functionality using jQuery. The XHTML Elements with the "ajax" CSS class will be our target. The jQuery JavaScript We inject...
![Form Element AJAX Spinner Attachment Using MooTools]()
Form Element AJAX Spinner Attachment Using MooTools
Many times you'll see a form dynamically change available values based on the value of a form field. For example, a "State" field will change based on which Country a user selects. What annoys me about these forms is that they'll often do an...
![Save Web Form Content Using Control + S]()
Save Web Form Content Using Control + S
We've all used word processing applications like Microsoft Word and if there's one thing they've taught you it's that you need to save every few seconds in anticipation of the inevitable crash. WordPress has mimicked this functionality within their WYSIWYG editor and I use it...
