Joomla! 1.5 JavaScript jQuery Table of Contents

Table of Contents

Preface
Chapter 1: Let's Start Making a Better Site—Images
Chapter 2: Site Content—Our Next Step
Chapter 3: Embedding Rich Media Features with Joomla! Plugins
Chapter 4: One Last Look at Joomla! jQuery Modules
Chapter 5: Refactoring Our Site
Chapter 6: Getting Our Hands on Coding JavaScript
Chapter 7: Creating Our Own Modules
Chapter 8: Building Complete Solutions, Modules, and Components
Chapter 9: Going Further with Our Component Development
Chapter 10: Problems and Usability
Index

• Preface

• Chapter 1: Let's Start Making a Better Site—Images
  • How Joomla! handles images by default
    • Inserting images into articles
    • Placing images in modules
    • Placing images in the template
  • Adding a jQuery-powered image slideshow module
    • Some other modules to try
  • Image pop ups
    • Some other modules to try
  • Putting images together—image galleries
    • Some other extensions to try
  • Tips and tricks
  • Summary

• Chapter 2: Site Content—Our Next Step
  • Basic concepts on Joomla! content
  • How Joomla! shows our articles to site visitors
  • Enhance your site content using JavaScript
    • Organizing our content into tabs
      • Some other modules to try
    • Article slideshows
      • Some other extensions worth checking
    • Site search
      • Introducing AJAX search
      • Some other extensions to try
  • Tips and tricks
  • Summary

• Chapter 3: Embedding Rich Media Features with Joomla! Plugins
  • Concept of plugin—what is a Joomla! plugin and how does it work?
    • Code highlighter plugin
      • Some other extensions to try
    • captbunzo's Flickr Album plugin
      • Some other plugins to try
    • SC jQuery
      • Some other plugins to try
  • Tips and tricks
  • Summary

• Chapter 4: One Last Look at Joomla! jQuery Modules
  • Limitations of Joomla! menu modules
    • Creating a drop-down menu with CSS alone
    • jQuery-powered Joomla! menu modules
      • Adapting the menu to suit our template
      • Some more extensions to try
  • Creative ways of placing login modules in our site
    • Some other extensions to try
    • Tips and tricks
  • Summary

• Chapter 5: Refactoring Our Site
  • Warning
  • Removing unnecessary jQuery loads
    • Code highlight
    • pPGallery plugin
    • Shadowbox
    • AJAX Header Rotator
    • Content Slider module
  • What happens with jQuery UI
    • c7DialogMOD
    • jQuery tabs module
  • Removing MooTools
  • Tips and tricks
  • Summary

• Chapter 6: Getting Our Hands on Coding JavaScript
  • Adding movement to our site's header—Parallax effect
    • Preparing the HTML necessary for our example
    • Adding jQuery Parallax library
    • Tips and tricks
  • jQuery library jScrollPane
    • Adding mouse scrolling
  • Adding useful tooltips
    • Tips and tricks
  • Summary

• Chapter 7: Creating Our Own Modules
  • Learning the basics of Joomla! module creation
  • Creating a "Send us a question" module
  • Making a better form using JavaScript
    • Send the form using jQuery AJAX
      • Tips and tricks
    • Validating form fields using jQuery—why validate?
  • Warning
  • What could you check?
  • What to do next? Packing and installing the module
  • Summary

• Chapter 8: Building Complete Solutions, Modules, and Components
  • Working with the news rotator module
  • Creating the component base
    • XML installer file
    • Why are so many files necessary?
    • Building our first model
  • How Joomla! helps us work with the database
    • Inserting data
    • Updating data
    • Deleting records
    • Reading data
      • loadResult
      • loadObject
      • loadObjectList
  • Modifying our installer to create our table
  • Coding a basic admin zone
  • Inserting, editing, and deleting records in our admin zone
  • Showing our data in our module
  • Adding jQuery to our module—refreshing data using JavaScript
  • Summary

• Chapter 9: Going Further with Our Component Development
  • Adding a table paginator plugin to our admin zone
  • Textarea autogrow plugin
  • Working on our component's frontpage
    • Equal size columns with jQuery
    • Paginating our contents
  • Going back to the admin zone
    • Adding tips and instructions to fill our form using JavaScript
    • Uploading images
  • Showing our images in the frontend
    • An interesting way to show the caption
    • Adding a fresh full image pop-up script
  • Adding a WYSIWYG editor to our component backend
  • Summary

• Chapter 10: Problems and Usability
  • What happens if JavaScript is disabled?
  • Using Firebug to help us in our development
  • Possible problems and solutions with jQuery
  • Optimizing CSS and JavaScript
  • Summary

• Index