What Sothink DHTML Menu Can Do for You?

 

Back Home Next


ASP sample of dynamic menu created from database



Download Menu Source
  Donwload Sothink DHTML Menu


Here shows you ASP-level-2 sample of dynamic menu created from database. Click here to view ASP-level-3 sample>>

Part 1: Sample Instruction

To create a dynamic menu from database, you can input some condition clauses using either CGI (ASP, PHP, and etc.) or JavaScript language, that is, to input the Prefix or Suffix for a menu item in the Menu Item > Condition dialog.

You can view the following menu on the web server that supports ASP (Active Server Pages).

As you see, in this sample, the menu contains two levels: the parent level showing the product categories and the sub level showing the specific products. Actually, there are only two menu items, one in the parent level and the other is in the sub level.
The final result that you are seeing is just got from database.

Below is the diagram of the database.



Back to top

Part 2: Steps

The following are the steps of this example:

(Before creating the menu, you should make a database containing the information of the product categories and the specific products.)

1. Create a menu from Blank. Choose "Menu Item > General", select "HTML". Input <%=rsCat(Name)%> in the context box.

2. Click "Condition" in "Menu Item".

3. In "Menu Item > Condition", input the prefix and suffix for the menu item.

Note: when you add the condition, you may get a warning message in DHTML Menu. That's because the condition code is server-side code which can not be processed by the browser directly. The warning will not show when you add the menu to an ASP page that is supported by server. You can uncheck "Preview > Enable Auto-Refresh" to avoid seeing the warnings.
Tips: To prevent this error popping up, you can add the JavaScript comment delimiters /* and */ to the Prefix as well as Suffix. In that way the preview ignores the extra code and the code works well on the server side processing.

For example:
Prefix:
/*
<%
While Not rsCat.EOF
sCatName = rscat("NAME")
%>
*/

Suffix:
/*
<%rsCat.MoveNext%>
<%Wend%>
*/

4. Click "Add" button to add a sub item of it. Change the item type to "HTML", then input <%=sProduct%>. In the link field, input <%=sLink%>.

5. Click "Condition" in "Menu Item" and input the prefix and suffix for the menu item.

Note: Normally in order to optimize the menu code, if several menu items have the same property, only one item's property code is recorded and other items take reference of its property code. If we add a condition to this item, there is possibility that it will be invisible when its condition is not met. And its property code can not be referenced by other items either. This will cause the whole menu can not work correctly. Please do check "This item may be invisible at run-time" to avoid the problem.

Back to top


Part 3: Code Explanation

This is the source code at the beginning of this sample page.

Code

Explanation

<%Option Explicit%>  
<%
Dim Dbq, Dsn, Dc
Dim rsCat, rsProduct
Dim sCatName, sProduct, sLink
                                                 
Dbq = Server.MapPath(".\") & "\products.mdb;"
Dsn = "driver={Microsoft Access Driver (*.mdb)};pwd=;Dbq=" & Dbq
Set Dc = Server.CreateObject("ADODB.Connection")
Dc.Open Dsn

Connect with the database.
Set rsCat = Dc.Execute("SELECT * FROM CATEGORY")
%>
Retrieve recordset from the CATEGORY table.

After you add item condition and edit the menu item, DHTML Menu inserts following code into the page. The entire source code below is generated by DHTML Menu program. Your editing of conditions will be saved in the menu's configuration file (*.pgt), which can be edited again.
To learn further what the code represents, please read the following code explanation:

Code
Explanation
stm_bm(["uueoehr",400,"".....) Begin the whole menu.
stm_bp("p0",[0,4,0,0,3,1,0,0,100,"",-2...... ) Begin a popup menu (items of category).
<%
While Not rsCat.EOF
sCatName=resCat("NAME")
%>
Walk through the CATEGORY recordset and save each category's name as variable "sCatName".
stm_ai("p0i0",[1,"<%=rsCatName%>","",.....) <%=rsCatName%> is the category name.
stm_bpx("p1","p0",[1,4,0,-1,.....) Begin a popup menu (items of product).
<%
Set rsProduct = Dc.Execute("SELECT * FROM PRODUCTS WHERE CATID=" & rsCat(0))
While Not rsProduct.EOF
sProduct = rsProduct("NAME")
sLink = rsProduct("LILNK")
%>
Retrieve recordset from the PRODUCT table. Walk through the PRODUCT recordset and save product name and link as temporary variables.
stm_ai("p1i0",[1,"<%=sProduct%> .....) Append an item. <%=sProduct%> is the item text.
<%
rsProduct.MoveNext
Wend
%>
Move to the next record of PRODUCT table.
&nbspstm_ep() End of a popup menu.
<%rsCat.MoveNext%>
<%Wend%>
Move to the next record of the CATEGORY recordset.
stm_ep() End of a popup menu.
stm_em() End of the whole menu.

 

Back to top



Download Menu Source
Donwload Sothink DHTML Menu

 

Home

1234