Creating Applications with Mozilla

Examples

All numbered examples from the book are available here as individually downloadable text files. To avoid having to type in long examples, save these files or copy and paste the contents into your own files. Note that copying and pasting may cause formatting problems with some examples. If you have any suggestions or queries about the examples, send a message to the reviewers@mozdev.org mailing list.

Note: Some readers are reporting problems with some of the examples in the book. If you are experiencing any problems, please look at the User Notes section at the bottom of each of the HTML version of the chapters. You might also want to check out the xFly project which features a working installable version of many of the examples used in the book.

Archive of all examples (Zip file)
Chapter 2
Chapter 3
Chapter 4
Chapter 5
Chapter 6
Chapter 7
Chapter 8
Chapter 9
Chapter 10
Chapter 11
Chapter 12
Appendix

Chapter 2

Example 2-1: Hello xFly
Example 2-2: The XUL namespace declaration
Example 2-3: Mixed namespaces in an XML document
Example 2-4: Sample XUL window
Example 2-5: chrome/xfly/content/contents.rdf file
Example 2-6: chrome/xfly/skin/contents.rdf file
Example 2-7: chrome/xfly/locale/contents.rdf file
Example 2-8: The contents of the xfly.css file
Example 2-9: XUL using external style data
Example 2-10: XUL using an external script
Example 2-11: The contents of the xfly.js file
Example 2-12: The contents of the xfly.dtd file
Example 2-13: XUL using an external DTD file
Example 2-14: Tree structure of a completed sample xFly package
Example 2-15: Additions to the installed-chrome.txt file

Chapter 3

Example 3-1: XUL dialog
Example 3-2: XUL page
Example 3-3: A XUL wizard
Example 3-4: Toolbar with buttons and spacing
Example 3-5: Application menu bar
Example 3-6: A sample menu
Example 3-7: Context menu using pop up
Example 3-8: XUL menu list
Example 3-9: Listbox widget
Example 3-10: Tree base model
Example 3-11: Multilevel tree content view
Example 3-12: XUL grid
Example 3-13: Text autocomplete
Example 3-14: A radio group choice of options
Example 3-15: Shortcut keys with command observers
Example 3-16: Tabbed panels
Example 3-17: A deck with three image layers
Example 3-18: Deck layer switching
Example 3-19: Content positioning in a stack
Example 3-20: Flexible buttons
Example 3-21: Positioning attributes
Example 3-22: xFly application main workspace
Example 3-23: Example tree in the xFly application

Chapter 4

Example 4-1: Class selector in CSS
Example 4-2: Attribute selector in CSS
Example 4-3: !important keyword in CSS
Example 4-4: Image in CSS
Example 4-5: Mixing CSS and XUL
Example 4-6: CSS for print button in navigator skin
Example 4-7: CSS Import statements in global skin
Example 4-8: CSS information from communicator.css
Example 4-9: CSS rules for xFly window
Example 4-10: Custom styles for buttons
Example 4-11: Skin manifest for the xFly sample
Example 4-12: Manifest for the communicator package of the modern skin in Mozilla
Example 4-13: CSS and XBL example
Example 4-14: userChrome.css style rules