Collapsible Menu Css Suckerfish by Deluxe-Menu.com
Collapsible Menu Css Suckerfish

Menu Screenshots

Collapsible Menu Css Suckerfish Javascript Menue Tutorial

Features

Unrivalled Features
  • Scrollable, dragable, floating, right-click menus
  • Keyboard navigation - press Ctrl+F2 to enter the menu
  • Unique Java Script API for altering menu "on-the-fly", without page reloading
  • AJAX technology - loads menu data from the server "on-fly and on-demand".
  • Search feature - add the search area in the menu and type symbols. The found words will be higlighted.
  • Sound support!
Seamless Integration
  • Cross-frame support - menus work on frameset-based pages
  • Visible over flash, select boxes, iframes, java applets
  • Multiple menus on the same page
  • Amicable to other scripts and css styles
  • Any HTML code can be used inside menu items
Java Script Menu Createmenu Collapsible Menu Css Suckerfish
Compatibility              
  • Full cross-browser compatibility including IE, Netscape, Mozilla, Opera, Firefox, Konqueror and Safari on Windows, Mac OS and Linux
  • Menu can be populated from a database using ASP, PHP, etc.
  • Search engine friendly
  • Support for any doctypes
  • Fits for secure sites
  • Section 508 compliant
High Performance
  • AJAX menu loading - loads web menu data from the server "on-the-fly".
  • Commonly loads quicker than other html page elements
  • UL/LI items structure
  • Runs well with an unlimited number of submenus and items
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Sub menus dropdown over all the objects on the page (select, applet, flash, object, embed). If for some reasons (old browser) a submenu can't go over an object, the object will be hidden for a time when the submenu is shown.
  • Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
  • These effects will make your menu neat and chic. You can set transparency, cast a shadow on the menu and submenus. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.

Recent Questions

Q: Thanks, we tried giving   var pressedItem=0; and the script as below:

<script type="text/javascript">
onload=setPressed;
function setPressed()
{
dm_ext_setPressedItem (0,8,0,0);
}
</script>

We are facing 2 problems

1) Two menus are getting highlighted, the "Home" and the dynamic html menu which is called onLoad using dm_ext_setPressedItem (0,8,0,0); function)

2) The submenu of the dm_ext_setPressedItem (0,8,0,0) is not getting highlighted.

A: Try to set
  var pressedItem=-2;

dm_ext_setPressedItem function has a following parameters:
function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion, parentOpen)

So, if you want to highlight item in the submenu you should use itemInd of this item (notitemInd of the parent item).

For example you want to highlight submenu item of the 'Manage Users' parent item with
itemInd=15.
You can find more info about dynamic html menu indexes here:
http://deluxe-menu.com/highlighted-items-sample.html#ind

So you should write the function in the following way:
dm_ext_setPressedItem (0, 3, 15, 1, 1)

menuInd = 0 if you have only one menu on the page
submenuInd = 3, see how to determine submenuInd in the table

http://deluxe-menu.com/highlighted-items-sample.html#ind
itemInd = 15, see how to determine itemInd in the table

http://deluxe-menu.com/highlighted-items-sample.html#ind
recursion = 1, to highlight parent items
parentOpen = 1, to open the submenu with the selected item.


Q: Things are mostly working great. I want my menu to appear centered at the top the page. Here's the code:

<table style="text-align: left; width: 100%;" border="0" cellpadding="2"cellspacing="2">
<tbody>
<tr>
<td style="width: 100%; text-align: center;"><script type="text/javascript" src="navbar.js"></script>
</td>
</tr>
</tbody>
</table>

The table appears at the far left edge of the window. I tried with both absolute (x=20, y=10) and relative (both x and y unset) coordinates. Help!


A: If you want to center the menu paste itwithin the <div > or <table> with a static position and specify a center alignment for it, for example:

<DIV align=center>
<SCRIPT src="data/data.js" type=text/javascript>
</SCRIPT>
</DIV>

<table width=800>
<tr>
<td align=center width=600>

More Q&A

Another page menue bar with expanding and collapsing buttons

I think it is called suckerfish. Right now the whole menue is static and shows all pages ... without the required extra CSS and Javascript

YouJoomla.com - 14 Joomla Templates [Archive] - ElaKiri Community

Apr 14, 2008 ... You can choose between Splitmenu or Suckerfish menu. ... The whole template is based on a full collapsible module architecture. ..... Tableless CSS design. Slider Menu with smooth animation. Accordion Menu with smooth

Bonusthemes.com - Musemix

Fully collapsible module architecture. Joomla! 1.0.x compatible 11 static module positions. Suckerfish menu. Valid CSS and W3C XHTML 1.0 Transitional

Bulletproof Templates' • View topic - Download the Joomla 1.5

Sixteen collapsible module positions. Suckerfish dropdown menus ... moved to a specific stylesheet for css clearing rules) there are several

Frog CMS - Frog Navigation Cookbook

It may be a personal css choice for some, but it is actually more flexible ... to contribute their menu solutions (like oweb's suckerfish implmentation), .... I do know that for collapsing menu system which was one of my

Aquarius Template for PHPmotion V3.5 [Available Now!]

Collapsible (More Info) in video descriptions. ... /themes/aquarius/css/main.css ; /themes/aquarius/css/suckerfish.css ... Fixed issue where video categories drop down menu was not adapting to very long category names

GavickPro GomuProject Full - July 08 Joomla Template - Egypt Forums

Tableless design and 100% css based ... All 16 modules are fully collapsible ... 2 built-in menu options - Suckerfish menu and Mootools

Features

3Advanced Menu: A powerful menu platform ranging from the dynamic, javascript enhanced, Fusion menu; to its basic CSS counterpart, Suckerfish; and the simple Splitmenu ... The template has over 60 module positions which are collapsible

JoomlaXTC Music Label - Pro Virtuemart Template - Egypt Forums

3 column collapsible layout design; 16 Module Positions with Template admin control ... 2 Menu options: CSS Suckerfish Style and Moo menu

Joomla! 1.5 Template Design

a dynamic layout that has collapsible columns, using Joomla's PHP code. We'll then spruce up our main menu using the Suckerfish CSS-based method and

forum.0day.Kiev.UA > ШАБЛОНЫ от JoomlArt.com

Well-commented template_css.css and index.php file for flexible customization ... 13 fully collapsible module positions for the most flexible layout options ... 2 built-in menu options - Standard Joomla menu and Suckerfish menu

Learn from Drupal.... - Google Sites Help

Jul 26, 2010 ... 5) Javascript menu (suckerfish). Please, allow for a side or top menu that is collapsible and only extends when you hover the mouse over a

JOOMLA premium templates and joomla help desk 00-24! - ElaKiri

Fully collapsible module architecture. Joomla! 1.0.x compatible 11 static module positions. Suckerfish menu. Valid CSS and W3C XHTML 1.0

RocketTheme • View topic - Vertical Menu

I would like my useres to click on an item then a sub menu appear. ... why does it not seem possible to get the suckerfish-type rollover effects ... which I suppose is something I could hunt down easily in the CSS, no?

قوالب رياضيه لمجلة joomla - منتديات وطني نيوز

All 11 user modules are fully collapsible. Built-in header module which can be ... 4 Menu options: Standard Joomla menu, JA Split menu, JA Transmenu and JA Suckerfish/li> XHTML 1.0 Transitional. Check it ? CSS ... Well-commented template_css.css and index.php file for flexible customization

General Discussions [Archive] - JoomlaShine Forums

MOVED: JSN Image Show overlaps suckerfish main menu · MOVED: Change toolbar location · '_gat' is undefined · MOVED: Virtue Mart problem - "List All

Elegance Kunena Forum Running Joomla Template | Premium Joomla Themes

The S5 Accordion menu, the long awaited S5 Box module. ... 100% tableless CSS; Validates with XHTML; Validates with CSS; Joomla 1.5 only; SQL dump available ... Fully collapsible module positions; S5 Effects scripts powered ... No- MooMenu Fading, No-MooMenu Scroll Down or Suckerfish; Custom page and column widths

ΠΡΟΤΥΠΑ (επί πληρωμή για συμμετοχή) : Σχεδιασμός, Templates και css

15 fully collapsible module positions for the most flexible layout options ... menu options - The exclusive RokMooMenu menu system, Suckerfish, SplitMenu,

UDM4 Bug/Complaint re: Fixed width horizontal menu first level

However, notice on my son of suckerfish (free) drop down example, ... no-wrap behavior might be the CSS white-space property, I tried:

PHP-Fusion Themes - Discussion Forum: FREE drop down menu code

I was looking for some info regarding this CSS based menu and PHP-Fusion, ... The menu's css should be into the theme's root, something like themes/YourTheme/ css. ..... suckerfish jquery menu, Lounge, 2, 18-03-2010 06:45

Joomla! • View topic - Blank Joomla 1.5 template

Tableless Validating XHTML/CSS based layout; SEO Source Ordering; Collapsible ... collapsible module positions; Suckerfish dropdown menus

Gavick ICKI Sports - ZiY Warez Forum

All 24 modules are fully collapsible and more 20 modules positions ready for tabs. ... Gavick Suckerfish menu version, with 2 built-in options - Suckerfish ... W3C CSS Valid; Fully compatible IE7+, Firefox 2+, Firefox 3,

Mike's Community • View topic - Changing width of simanswers

This must be the section in the simanswers.css code that I make the ..... Module edits: S5 Accordion Menu, S5 Live Search, S5 Image Slide ... Fully collapsible module positions * Lytebox enabled * Tool Tips enabled * 5 Menu systems: o Choose style: Drop Down, Fading, Scroll Down, Suckerfish, None

what to do with IE6 not supporting something:hover [Archive

I've inherited a CSS-based single-level drop down menu. ... I've tried the suckerfish thing, and it doesn't work plus breaks FF, NS and IE7