Class: DropMenu

[line 86]
DropMenu generates HTML and JavaScript for DHTML drop menus.

This class is accompanied by a JavaScript script which provides the necessary JavaScript components to the drop menu system.

Also requires the DropMenuItem and Template classes.

New in 1.0:

• Fixed some outdated javascript mouse tracking function references.

New in 1.2:

• Updated the javascript function names and modified the generated templates to use the new SimpleTemplate syntax.

1     <?php
2     
3      $dropMenu = new DropMenu ('company', 10, 30);
4     
5      // set a background colour change on each item
6      $dropMenu->extraMouseOver = 'sdmSetBgcolor (\'_td_{layerID}\', \'#CCCCCC\')';
7      $dropMenu->extraMouseOut = 'sdmSetBgcolor (\'_td_{layerID}\', \'#FFFFFF\');
8     
9      $aboutItem =& $dropMenu->addItem ('About Us', '/index/about');
10     $aboutMenu =& $aboutItem->addChild ('about');
11    
12     $aboutMenu->addItem ('Corporate Profile', '/index/corporate');
13     $aboutMenu->addItem ('History', '/index/history');
14     $invItem =& $aboutMenu->addItem ('Investor Relations', '/index/investors');
15     $invMenu =& $invItem->addChild ('inv');
16     $invMenu->addItem ('Annual Report', '/index/annual_report');
17    
18     $aboutMenu->addItem ('Contact Us', '/index/contact');
19    
20     // create the drop menu divs
21     echo $dropMenu->write ();
22    
23     // next, we need the dropmenu.js file
24     echo '<script language="javascript1.2" src="/js/dropmenu.js"></script>';
25    
26     // we also need a javascript list of menus called menuList
27     echo '<script language="javascript1.2"><!--' . "\n";
28     echo "sdmMenuList = new Array ('" . join ("', '", $dropMenu->getList ()) . "');\n";
29     echo '// --></script>';
30    
31     // attach this drop menu to something visible on the page.
32     echo '<a href="/index/company" onmouseover="sdmShowAndHide(\'company\')">Company</a>';
33    
34     ? >

Tags:

$direction =  'right'

[line 150]

The direction the menu should open to a new level. Defaults to 'right'.

Tags:

$extraMouseOut =  ''

[line 174]

Optional extra JavaScript to call in each item loses focus.

Tags:

$extraMouseOver =  ''

[line 166]

Optional extra JavaScript to call when each item is in focus.

Tags:

$items = array ()

[line 158]

An array of DropMenuItem objects

Tags:

$itemTemplate =

[line 141]

The template used to draw each drop menu item.

Tags:

$lineHeight =  19

[line 125]

The height of each item in the menu. Default is 19.

Tags:

$menuWidth =

[line 117]

The width of the menu.

Tags:

$name =

[line 93]

The name of the menu.

Tags:

$template =

[line 133]

The template used to draw the drop menu DIV.

Tags:

$xpos =

[line 101]

The x position of the top-left corner of the menu.

Tags:

$ypos =

[line 109]

The y position of the top-left corner of the menu.

Tags:

---

constructor DropMenu [line 189]

---

method addItem [line 230]

---

method getList [line 285]

---

method write [line 250]