Web Menu Builder Version 2

Full builder options and details at Menu Builder Details
Sbshumate@hotmail.com

Demo version: No tall menu scrolling, no cross browser compatibility, no SQL Menus.

Create and setup a new menu. Create a menu from existing sql server 2000 table(s).

Generate your customized menus saved in xml format.

Enter in folder defaults before building menu. This will prevent repetitive task of defining values for each folder as they are created.  
Folder Defaults
TypeValue
Folder (text/html)
Onclick - JavascriptI.E. window.location="http://yahoo.com"
style
mouseover style
class
mouseover class
Arrow Color
Arrow Color Over
Arrow Size
Folder Group Defaults
TypeValue
Style
Class
Tall Menu Arrow Highlight Color
Tall Menu Arrow Dimed Color
Tall Menu Arrow Size
Scew Cascading Group Down/Up
Scew Cascading Group Left/Right
Tall Menu Scrolling Speed(1-?)
Tall Menu Header/Footer style
Tall Menu Header/Footer mouseover style
Tall Menu Header/Footer class
Tall Menu Header/Footer mouseover class
Tall Menu Max Page Height (.1-.99), fraction of page height
**Notes - Scew can be set for main/top menu in calling function


Build and test Menu!!!

Build menu structure by using the add child and delete links. Folder Group information for a particular group is set in the first folder of the group!!! Edit this page and attach a style sheet for better testing results.



Setup menu With above menu data - With menu data in a xml file or data island.
Step 1: Copy the menu data into a web page as a data island, or save data into a file as a xml file.



Step 2: Attach menu.js to your web page.      i.e.  <SCRIPT  LANGUAGE=javascript src="menu.js"></SCRIPT>
Step 3: Call the appropriate javascript function below. Change the params to match your definitions. See below example link below for a working menu.
If menu data source is a data island, use this function!!!
If menu data source is a xml file, use this function!!!

View example page
View Frames Example.
Notes:
  • Page can support any combination of xml file or data island type menus.
  • For netscape users, if you use multiple data islands, each island must be serated by a html element such as a div, table, span or any other kind of tag that lies between the islands. Netscape is not totally compatiable with data islands. If you do not place an html element in between each island, it will be treated as one big island, otherwise it will behave perfectly normal.
  • Make sure all the parameters are set correctly in the functions. Remember to increment the id's if you have multiple data islands. See example html page for working example.




    Setup menu With above menu data - With menu data saved in a SQL Server 2000 table.

    Step 1: Cut and paste the SQL script into SQL Query Analyzer and execute the script. This will generate the menu table with the data and create the cascadeMenu stored proc needed to access the menu table to build the menu.

    XML is loaded into the database three rows at a time, this is to get the the string character limit SQL Server 2000 imposes.

    Step 2: Attach menu.js to your web page.      i.e.  <SCRIPT  LANGUAGE=javascript src="menu.js"></SCRIPT>
    Step 3: Place getmenu.asp in the same directory as your page.
    Step 4: Change the connection string in getmenu.asp, or you can pass it it as a parameter in the function below.
    Step 5: Call the appropriate javascript function below. Change the params to match your definitions. See example link below for a working example.

    Function to generate menu with data source stored in a sql server 2000 table!!!


    View example page
    Notes:
  • Must run under IIS with a SQL Server 2000 connected database.
  • Can alter sql script by supporting multiple tables and by passing in a table param.
  • Connection string can be set in getmenu.asp or passed in as a param.