Web Designer Blog

This is a frameset page including iframe and wonderful DHTML menu. Here displays the iframe content. Click the menu item above to see the picture in the iframe window, and you will find that the item is be activated, which the icon is shining and its background color becomes into blue.

Steps:

1. Create an iframe page in Dreamweaver.
   Select the menu item, add the linked page and Enter the frame name in the target filed in Menu Item > General.
2. Set the icon for the menu item by type the image’ path in Menu Item Settings > Icon; set the background image in Menu Item > Background; and set the border in Menu Item > Border.
3. Set the global properties for the whole menu. Check the option “Auto highlight current item”; set text color, Bg colcor, border color, Bg image and icon as the highlighted items style; and check “Clear highlighted item’s link” and “Highlight parent menu item” for the menu in Global > Highlight.

Step1. Follow the visual tutorial.

http://www.sothink.com/tutorials/how-to-create-dynamic-tree-menu-with-created-recordset-from-dreamweaver.htm

Step2.

Launch Sothink Tree Menu. Create a new menu item and Input ”

<%=sCatName%>

” in it.

Enter “Node Setting > Condition” and input the following codes in Prefix:
/*
<%
While Not Recordset1.EOF
sCatName=Recordset1.Fields.Item(“NAME”).Value
%>
*/

Then input the following codes in Suffix:

/*
<%
RecordSet1.MoveNext
Wend
%>
*/

Step3.

Create a sub item for this menu item, then input ”

<%=sProduct%>

” in it and input

<%=sLink%>

in link field.

Enter “Node Setting > Condition” and input the following codes in Prefix:
/*
<%
Recordset2.Filter = “CATID=” & Recordset1.Fields.Item(“ID”).Value
While Not RecordSet2.EOF
sProduct=Recordset2.Fields.Item(“NAME”).Value
sLink=Recordset2.Fields.Item(“LINK”).Value
%>
*/

Then input the following codes in Suffix:
/*
<%
RecordSet2.MoveNext
Wend
%>

*/
Step4.

Enter “Global Setting > Web Path” to set the webpath as below:

Script path:

http;//localhost/js

Image path:

http;//localhost/image
Step5.

Publish the menu to the ASP page we have just created in step1.

Now you have successfully use the created recordset from DW with Tree Menu.

Step1. Follow the visual tutorial.

Step2. Launch Sothink Tree Menu. Create a new menu item and Input ”

<%=sCatName%> in it.

Enter “Node Setting > Condition” and input the following codes in Prefix:

/*
<%
While Not Recordset1.EOF
sCatName=Recordset1.Fields.Item(“NAME”).Value
%>
*/

Then input the following codes in Suffix:
/*
<%
RecordSet1.MoveNext
Wend
%>
*/

Read on »

There are four ways to insert one DHTML menu into many pages.

First One:

If you have FrontPage, you can use the shared borders or include page function to do so. Please check work with shared borders.

Second One:

If you have Expression Web, you can use DWT (dynamic web template) to do so. Please check work with dynamic web template.

Third One:
If you use Dreamweaver, you can use the Library function to do so.
Please check work with library in Dreamweaver.

Fourth One:

Use the program alone to create a separate js include file. (Suggest you to use absolute path in links); and then insert the js file into the web page. Please check “Insert a Menu by Including Separate JS File“.