Facebook FBJS Examples

I’ve been asked several times recently if the FBJS examples on my Facebook fan page have a tutorial, so I figured I should probably post something. I hadn’t previously, since they were pretty basic examples, but Facebook is great at making stuff look way more complicated than it is, so if it helps demystify it…

FBJS Image Carousel for FBML Apps & Fan Page Tabs

This code snippet shows you how to make a sexy image carousel, including left/right arrow opacity fade and mouseover highlights, using FBJS. This code will work for Static FBML page tabs, FBML application tabs and FBML Facebook applications.

Clear Default Form Input Value on Click Using FBJS

It’s often considered good usability to include default text in a form text input field, however if you don’t go the extra step to clear the form when the user clicks into the field to begin typing, you force them to first delete your default text before entering their own values.

Taking Your Static FBML Microsite to the Next Level

In a previous tutorial, you learned how to Extend Facebook Static FBML Tabs with Dynamic Content, and now we’re back to show you how to take it even further by creating sub-nav tab navigation within your Static FBML microsite using only DynamicFBML.

Extending Facebook Static FBML Tabs with Dynamic Content

This tutorial walks you through how to use DynamicFBML to do simple content replacement that will allow you to fit more content into your tabs. You can create image or video galleries, or even an entire micro-site inside your Static FBML tab without a lot of complicated scripting.