You are previewing Joomla! 1.5 JavaScript jQuery.
O'Reilly logo
Joomla! 1.5 JavaScript jQuery

Book Description

Enhance your Joomla! Sites with the power of jQuery extensions, plugins, and more

  • Build impressive Joomla! Sites with JavaScript and jQuery

  • Create your own Joomla!, jQuery-powered, extensions

  • Enhance your site with third-party features, code-highlighting, Flicker, and more using Joomla! Plugins

  • Detailed explanations with step-by-step guidance and practical examples

  • In Detail

    Ever wondered how all the great-looking, feature packed, amazing Joomla! sites are made? Would you like to add image transitions, popups, scrolls, AJAX forms, image galleries, no-page reloads to your website, but are worried that they will be difficult to implement? To make any Joomla! site look more professional, interactive, and interesting you need the ease and power of jQuery.

    This book will help you to use the jQuery library with the Joomla! CMS. It will take you through adding jQuery functionality to the Joomla! CMS and show how to use it to make the modules and themes more dynamic, interactive, and responsive, and add effects to your Joomla! site.

    The book starts by showing a plain Joomla! site without any JavaScript enhancement or features, then accompanies you through the process of site enhancement.

    First you will learn how to make use of third-party extensions to include jQuery features into your site. These can be image galleries, jQuery powered menus, tooltips, and many, many more. Later on you will learn how to modify your template to add some features to your Joomla! site, You will also learn to build your own jQuery-powered Joomla! extensions, and how to pack them so that you can use them in any project you like. Further, you will learn to create your own modules and components.

    By the end of this book, you will have learned how to enhance any Joomla! site with JavaScript and jQuery.

    Build impressive Joomla! Sites with jQuery, from third-party extensions to development

    Table of Contents

    1. Joomla! 1.5 JavaScript jQuery
      1. Joomla! 1.5 JavaScript jQuery
      2. Credits
      3. About the Author
      4. About the Reviewers
      5. Preface
        1. What this book covers
        2. What you need for this book
        3. Who this book is for
        4. Conventions
        5. Reader feedback
        6. Customer support
          1. Errata
          2. Piracy
          3. Questions
      6. 1. Let's Start Making a Better Site—Images
        1. How Joomla! handles images by default
          1. Inserting images into articles
          2. Placing images in modules
          3. Placing images in the template
        2. Adding a jQuery-powered image slideshow module
          1. Some other modules to try
        3. Image pop ups
          1. Some other modules to try
        4. Putting images together—image galleries
          1. Some other extensions to try
        5. Tips and tricks
        6. Summary
      7. 2. Site Content—Our Next Step
        1. Basic concepts on Joomla! content
        2. How Joomla! shows our articles to site visitors
        3. Enhance your site content using JavaScript
          1. Organizing our content into tabs
            1. Some other modules to try
          2. Article slideshows
            1. Some other extensions worth checking
          3. Site search
            1. Introducing AJAX search
            2. Some other extensions to try
        4. Tips and tricks
        5. Summary
      8. 3. Embedding Rich Media Features with Joomla! Plugins
        1. Concept of plugin—what is a Joomla! plugin and how does it work?
          1. Code highlighter plugin
            1. Some other extensions to try
          2. captbunzo's Flickr Album plugin
            1. Some other plugins to try
          3. SC jQuery
            1. Some other plugins to try
        2. Tips and tricks
        3. Summary
      9. 4. One Last Look at Joomla! jQuery Modules
        1. Limitations of Joomla! menu modules
          1. Creating a drop-down menu with CSS alone
          2. jQuery-powered Joomla! menu modules
            1. Adapting the menu to suit our template
            2. Some more extensions to try
        2. Creative ways of placing login modules in our site
          1. Some other extensions to try
          2. Tips and tricks
        3. Summary
      10. 5. Refactoring Our Site
        1. Warning
        2. Removing unnecessary jQuery loads
          1. Code highlight
          2. pPGallery plugin
          3. Shadowbox
          4. AJAX Header Rotator
          5. Content Slider module
        3. What happens with jQuery UI
          1. c7DialogMOD
          2. jQuery tabs module
        4. Removing MooTools
        5. Tips and tricks
        6. Summary
      11. 6. Getting Our Hands on Coding JavaScript
        1. Adding movement to our site's header—Parallax effect
          1. Preparing the HTML necessary for our example
          2. Adding jQuery Parallax library
          3. Tips and tricks
        2. jQuery library jScrollPane
          1. Adding mouse scrolling
        3. Adding useful tooltips
          1. Tips and tricks
        4. Summary
      12. 7. Creating Our Own Modules
        1. Learning the basics of Joomla! module creation
        2. Creating a "Send us a question" module
        3. Making a better form using JavaScript
          1. Send the form using jQuery AJAX
            1. Tips and tricks
          2. Validating form fields using jQuery—why validate?
        4. Warning
        5. What could you check?
        6. What to do next? Packing and installing the module
        7. Summary
      13. 8. Building Complete Solutions, Modules, and Components
        1. Working with the news rotator module
        2. Creating the component base
          1. XML installer file
          2. Why are so many files necessary?
          3. Building our first model
        3. How Joomla! helps us work with the database
          1. Inserting data
          2. Updating data
          3. Deleting records
          4. Reading data
            1. loadResult
            2. loadObject
            3. loadObjectList
        4. Modifying our installer to create our table
        5. Coding a basic admin zone
        6. Inserting, editing, and deleting records in our admin zone
        7. Showing our data in our module
        8. Adding jQuery to our module—refreshing data using JavaScript
        9. Summary
      14. 9. Going Further with Our Component Development
        1. Adding a table paginator plugin to our admin zone
        2. Textarea autogrow plugin
        3. Working on our component's frontpage
          1. Equal size columns with jQuery
          2. Paginating our contents
        4. Going back to the admin zone
          1. Adding tips and instructions to fill our form using JavaScript
          2. Uploading images
        5. Showing our images in the frontend
          1. An interesting way to show the caption
          2. Adding a fresh full image pop-up script
        6. Adding a WYSIWYG editor to our component backend
        7. Summary
      15. 10. Problems and Usability
        1. What happens if JavaScript is disabled?
        2. Using Firebug to help us in our development
        3. Possible problems and solutions with jQuery
        4. Optimizing CSS and JavaScript
        5. Summary