Using MooTools in Joomla!

Adding an Accordion Effect to the Header of Your Template

I recently had occassion to want to place an accordion effect in the top of a template.

example image - accordion effectWhen you click a bar, it turns yellow and opens up its picture. When you hover over a bar, it also turns yellow.

Also, some of the images are linked to menu links so that if you change to one of the linked menu items, that particular picture pops open as opposed to always being the same picture actively displayed on page load.

In this article, we will take a look at how to integrate the javascript with the template.

Continue reading “Using MooTools in Joomla!”

Writing a Joomla! Module

There is a lovely extension out there for adding attachments to an article. It lets you upload/download files from an article. You install the component and a plugin, and the plugin displays the list of attachments at the base of the article content. You can find that extension here.

There are quite a few tutorials on how to write a Joomla! extension of the HelloWorld variety. I thought it would be amusing to write one with a practical application, for a change. I want the list of downloadable attachments to appear in a module location rather than in the article content.

If you are logged in to this site, you can download the module we will be writing in this article.

Continue reading “Writing a Joomla! Module”

AJAX in Joomla!

You want a form that updates one selector based on the selection made in another selector. For example, in your form, the user might click on a link to generate a select of all the site users so he can choose one user to interact with. You don’t want the list of users on the form, initially, for whatever reason.

The obvious solution comes to mind – AJAX. How do you accomplish that in Joomla?

First, you’ll need a component to listen for the AJAX requests and supply the updated HTML information to the form. While you’re at it, you probably want to make the form part of the component, just to be elegant.

Joomla! 1.5+ is built on a Model-View Controller concept, which basically means we want to keep our data (the model) separated from the display of it (the view). The MVC paradigm is a way of breaking an application, or even just a piece of an application’s interface, into three parts: the model, the view, and the controller.





Continue reading “AJAX in Joomla!”

How do i enable page caching in Joomla?

Enabling page caching in Joomla!

Go to Site->Global Configuration-System.

Using file cache is the most efficient since it is faster to load a file than make a database call.

Be advised that some modules will appear to quit working when enabling cache. You can rectify this by telling each module to not use cache in the parameters for the module (on the right, in the bottom parameters box).

Enabling page caching