Joomla! 1.5 JavaScript jQuery电子书

Joomla! 1.5 JavaScript jQuery

Table of Contents

Joomla! 1.5 JavaScript jQuery

Credits

About the Author

About the Reviewers

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Errata

Piracy

Questions

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

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

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

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

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

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

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

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

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

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