<fb:dialog/>
Creates an AJAX-based, pop-up dialog box that appears when a specified element on the page is clicked. The dialog box can contain any specified content, and uses Mock AJAX to refresh itself with new content.
The following <fb:dialog/>
instance
launches a dialog box on the submission of a form that has two
buttons:
<fb:dialog id="my_dialog" cancel_button="true"> <fb:dialog-content>Do you want to go to my blog?</fb:dialog-content> <fb:dialog-title>This is the <fb:dialog/> box.</fb:dialog-title> <fb:dialog-button type="button" value="Yes" href="http://staynalive.com"/> <fb:dialog-button type="button" value="No" href="http://apps.facebook.com/fbmlessentials"/> </fb:dialog> <p><a href="#" clicktoshowdialog="my_dialog">Click here to display the dialog...</a></p>
When you click the link shown in Figure 3-39...
…the dialog box shown in Figure 3-40 pops up on the page.
For more flexibility in producing dialog boxes in
Facebook, use the Dialog
class in FBJS (see the Dialogs”
section in Chapter 4).
See the <fb:dialogresponse/> tag for posting information from the submitted dialog back into the same dialog box (i.e., you want to keep the dialog box open but show new information based on what the user clicks).
This tag is in beta at the time of this writing.
3.144.89.2