Board Logo

I don't know how
rawstarr - 8/4/2007 at 02:46 AM

Ok i am using the script below, it works pefectly however i want to have 3 on top 2 on bottom i tried the (/n) code it didn't work... i dont know what to do.please help




// items structure
// each item is the array of one or more

properties:
// [text, link, settings, subitems ...]
// use the builder

to export errors free structure if you experience problems with the

syntax

var MENU_ITEMS = [



['EngageSpeaking', 'speaking.html', null,
// this is how

item scope settings are defined
],

['EngageSocialChange', 'socialchange.html', null,


// this is how item scope settings are defined
],


['EngageBlackMen', 'blackmen.html', null,


// this is how item scope settings are defined
],


['EngageFamily', 'family.html', null,
// this is how

item scope settings are defined
],

['EngageRelationships', 'relationships.html', null,


// this is how item scope settings are defined
],



];


tigra - 8/4/2007 at 04:34 PM

if menus are horizontal then you'll need to initialize two instances of the menu, one below another.
this is also possible with one menu instance using Tigra Menu PRO


rawstarr - 8/4/2007 at 08:05 PM

I Tried Like i use the code below on the page. I put the code twice it didn't work (by seperating them.)


<!-- styles for demo menu #1-->
<link rel="stylesheet" href="menu.css">
</head>

<body>

<!-- menu script itself. you should not modify this file -->
<script language="JavaScript" src="menu.js"></script>
<!-- items structure. menu hierarchy and links are stored there -->
<script language="JavaScript" src="menu_items.js"></script>
<!-- files with geometry and styles structures -->
<script language="JavaScript" src="menu_tpl.js"></script>
<script language="JavaScript">
<!--//
// Make sure the menu initialization is right above the closing </body> tag
// Moving it inside other tags will not affect the position of the menu on

// the page. If you need this feature please consider Tigra Menu GOLD.

// each menu gets two parameters (see demo files)
// 1. items structure
// 2. geometry structure

new menu (MENU_ITEMS, MENU_TPL);

// If you don't see the menu then check JavaScript console of the browser for the error messages
// "Variable is not defined" error indicates that there's syntax error in that variable's definition
// or the file with that variable isn't properly linked to the HTML document
//--> //-->
</script>


tigra - 8/5/2007 at 03:33 AM

http://www.softcomplex.com/forum/viewthread_999/


rawstarr - 8/5/2007 at 06:34 AM

thank u. but i got to 9.3 in my (menu2_items.js) i do not see a POS .... am i using the wrong Demo? i was using Demo1? thanks again for ur help


9.3 in menu2_items.js: MENU_ITEMS to MENU2_ITEMS
9.4 in menu2_tpl.js: MENU_POS to MENU2_POS and MENU_STYLES to MENU2_STYLES
9.5 in menu2.css rename all css classes so they start from .m1 (not from .m0 as)
10. update variable names in menu initialization for first instance in index.html.
11. add menu initialization for second menu. Your initialization should look like this:

<script language="JavaScript">
<!--//
// Note where menu initialization block is located in HTML document.
// Don't try to position menu locating menu initialization block in
// some table cell or other HTML element. Always put it before </body>

// each menu gets three parameters (see demo files)
// 1. items structure
// 2. geometry structure
// 3. dynamic styles structure

new menu (MENU1_ITEMS, MENU1_POS, MENU1_STYLES);
new menu (MENU2_ITEMS, MENU2_POS, MENU2_STYLES);
// make sure files containing definitions for these variables are linked to the document
// if you got some javascript error like "MENU_POS1 is not defined", then you've made syntax
// error in menu_tpl.js file or that file isn't linked properly.

// also take a look at stylesheets loaded in header in order to set static styles
//-->
</script>

12. Enjoy your page with two menus. Let us know should you have any questions


Softcomplex: http://www.softcomplex.com/
Back to forum: http://www.softcomplex.com/forum/