Accordion Menu Apple style module
Written by kksou   
Wednesday, 01 October 2008

This is the module version of the Apple style Accordion Menu plugin.

The plugin version allows you to insert the menu in a content item or article. If you want the menu to appear in a module position, then use this module.

Very Important: This module makes use of the Apple style Accordion Menu plugin. So please make sure you have installed this plugin too for this module to work.

Live Demo


You can see three live demos of the module:

Latest Version

v1.0.1 (for Joomla 1.0) and v1.5.1 (for Joomla 1.5)
Released October 7, 2008

Thanks to Guido van de Camp who informed me that there was an extra letter in the .xml installation file of the previous version. It won't install with the extra letter. Have fixed this in this new version..

How to use the "Accordion Menu Apple style" plugin

The syntax of the menu items definition is exactly the same as that of the Apple style Accordion Menu plugin.

Download

How to install


  1. First, make sure you have installed the plugin Apple style Accordion Menu. This module DOES NOT work without the Apple style Accordion Menu plugin.
  2. Download and install the Apple style Accordion Menu module.
  3. Make sure both the plugin and the module is published / enabled.
  4. Select a module position where you want to place the module.
  5. Go to Module Manager and click on "Apple style Accordion Menu Module".
  6. In the parameter "Content", enter the menu item definitions following the syntax as outlined here. For example,
  7. {Accordion_Menu_Apple_style}
    [url=http://www.site1.com]General[/url]
    - [url=#intro]Introduction[/url]
    - [url=#features]Unique Features[/url]
    - [url=#how_to_use]How to Use[/url]
    - [url=#demo]Demo[/url]
    [url=http://www.site1.com/links]Links[/url]
    - [url=http://www.google.com]Google[/url]
    - [url=http://www.yahoo.com]Yahoo[/url]
    - [url=http://www.joomla.org/]Joomla[/url]
    - [url=#demo]Demo[/url]
    {/Accordion_Menu_Apple_style}
    

FAQ (Frequently Asked Questions)

Q1: I want the link to launch to a new tab or new window when the user clicks on the click.

A1: Use the following use the following syntax:

{Accordion_Menu_Apple_style}
[url=http://www.site1.com/links]Links[/url]
- [url=http://www.google.com 1]Google[/url]
- [url=http://www.yahoo.com 1]Yahoo[/url]
- [url=http://www.joomla.org/ 1]Joomla[/url]
{/Accordion_Menu_Apple_style}


Q2: Can I have more than one menu in the same page?

A2: By right, you should have only one menu per page.

However, go ahead and try it. You can actually put two or menus in the same page. There are two "problems" here, though:

  • There will be only one active menu per page. This means that suppose you have three menus. If currently one of the menu items in Menu 1 is active, you will find that both Menu 2 and Menu 3 will be collapsed. The original javascript library from www.dynamicdrive.com only keeps one active menu item per page. Hence the reason.
  • You cannot set different heights for the different menus. Try it. You will know what I mean. This is because the height of the menu is defined in the css definition. All the menus use the same css style, hence they will have the same height.



User reviews   Average user ratings:    5.0   (from 7 users)
  1. ssnobben
    October 03, 2008 2:20am
    Very nice as a l w a y s!

    Already commment the plg but this is a great Joomla addon!

    Kudos to kksou!

  2. Marylka
    October 03, 2008 11:50am
    I have a problem

    I installed the plug, and now what to do to the Apple Menu, Accordion style to work in Joomla!

  3. kksou
    October 03, 2008 11:56am

    Hi Marylka,

    1. Create a new content item or article.

    2. Copy and paste the following text into the content:

    {Accordion_Menu_Apple_style}
    <a href="http://www.site1.com">General</a>
    - <a href="url1">Introduction</a>
    - <a href="url2">Unique Features</a>
    - <a href="url3">How to Use</a>
    - <a href="url4">Demo</a>
    <a href="http://www.site1.com/links">Links</a>
    - <a href="http://www.google.com">Google</a>
    - <a href="http://www.yahoo.com">Yahoo</a>
    - <a href="http://www.joomla.org/">Joomla</a>
    - <a href="http://www.kksou.com/php-gtk2/Joomla/Accordion-Menu-Apple-style-module.php#demo">Demo</a>
    {/Accordion_Menu_Apple_style}

    3. Load the content item. Did you see the menu?

    4. Once the menu is working, you can add the rest of the text to the content. You can also add the float:left or float:right attribute so that the menu floats to the left or right of the paragraph.

    Regards,
    /kksou

  4. kksou
    October 03, 2008 12:02pm

    Hi Marylka,

    Oops, just realized this is the module, not the plugin.

    For the module,

    1. Go to module manager and click on "Accordion Menu Apple style module".

    2. In the Parameters area, copy and paste the following into the parameter "content":
    {Accordion_Menu_Apple_style}
    <a href="http://www.site1.com">General</a>
    - <a href="url1">Introduction</a>
    - <a href="url2">Unique Features</a>
    - <a href="url3">How to Use</a>
    - <a href="url4">Demo</a>
    <a href="http://www.site1.com/links">Links</a>
    - <a href="http://www.google.com">Google</a>
    - <a href="http://www.yahoo.com">Yahoo</a>
    - <a href="http://www.joomla.org/">Joomla</a>
    - <a href="http://www.kksou.com/php-gtk2/Joomla/Accordion-Menu-Apple-style-module.php#demo">Demo</a>
    {/Accordion_Menu_Apple_style}

    3. Make sure you have enabled the module and publish the module to a module position of your choice.

    4. Save and close the module. Now reload the page. Did you see the module display the menu?

    Regards,
    /kksou

  5. Marylka
    October 03, 2008 1:54pm

    I have already installed the module, now I can not deal with the setting of this code into my web page.

  6. kksou
    October 03, 2008 6:41pm

    Hi Marylka,

    Would you mind elaborate a bit more what do you mean by "I can not deal with the setting of this code into my web page"?

    I've outlined 4 steps above. Which step is getting problem? And what's the problem? Any error message?

    Need a bit more clues to be able to address your issue more relevantly.

    Regards,
    /kksou

  7. Jack Cybre
    October 26, 2008 3:24pm
    Difficulty in Firefox

    Hi,

    I am impressed with this mod and i have encountered a minor difference with the highligting of the links. In IE it works as it should, but in FF the links dont light up when i move the mouse over it.

    Is there a solution for this ?

    Greetz, Jack

Note: You have to be a registered member to leave a comment. Free registration here.

 
< Prev   Next >

Blog - Forum - Privacy Policy - Contact Us
Copyright © 2006-2008. kksou.com. All Rights Reserved