Skip to Main Content
Facebook Cookbook
book

Facebook Cookbook

by Jay Goldman
October 2008
Intermediate to advanced content levelIntermediate to advanced
434 pages
12h 7m
English
O'Reilly Media, Inc.
Content preview from Facebook Cookbook

Dialogs with Ajax

Problem

I have an fb:dialog with a form in it, which I’d like to submit to my server and have the result displayed back in my fb:dialog.

Solution

Facebook’s Mock Ajax is perfect for this kind of application, taking a lot of the pain out of doing things such as dynamic form submission without having to reload the page. The setup is pretty simple, requiring an fb:dialog, a trigger control, and a response page. Let’s start with the fb:dialog, which can be defined anywhere in your FBML (or in an included file if you’re going to use it in a few places throughout your app):

<fb:dialog id="ice_cream" cancel_button="true">
    <fb:dialog-title>I Scream! You Scream! We All Scream!</fb:dialog-title>
    <fb:dialog-content>
        <form id="ice_cream_flavors">
            <p>What's your favorite flavor?</p>
            <select name="flavors">
                <option>(Please choose a flavor!)</option>
                <option value="chocolate">Chocolate</option>
                <option value="vanilla">Vanilla</option>
                <option value="rockyroad">Rocky Road</option>
                <option value="moosetracks">Moose Tracks</option>
            </select>
        </form>
        <div id="ice_cream_image"></div>
    </fb:dialog-content>
    <fb:dialog-button
        type="submit"
        value="For Ice Cream!"
        clickrewriteurl="http://www.someserver.com/ice_cream_maker.php"
        clickrewriteid="ice_cream_image"
        clickrewriteform="ice_cream_flavors"/>
</fb:dialog>

Note

Some of you out there in reader land are inevitably going to read this example and say, “Moose Tracks!? He’s just making this stuff up.” I pity you. Go out to your nearest vendor of ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Start your free trial

You might also like

Beginning PHP 5.3

Beginning PHP 5.3

Matt Doyle
HTML5 Geolocation

HTML5 Geolocation

Anthony T. Holdener

Publisher Resources

ISBN: 9780596156695Errata