Create a List Page - Step I

In the previous tutorial, Create a Database-Driven DHTML Menu, I showed you how to create the menu system for the web site. I used null links on the sub menu items to replicate real links. In this tutorial we will make the links real, and we will have them pass a URL parameter to a list page that will list the products in that category.

You will need the page that we created in the last tutorial. You can get it here.

View the completed list page here.

1. Open the index.asp page.

2. File > Save As and save it as listBy.asp.

3. Close the listBy.asp page and reopen the index.asp page.

4. Open the Layers Panel (F2) if it is not already open.

5. Click on the catSubLayer and in the Property Inspector, change Vis to visible.

4. Click on the data that you have binded in the table cell in the catSubLayer and then click on the folder icon to the right of the Link box in the Property Inspector. In the Select File window, click on the listBy.asp page and then click on the Parameters button.

5. In the Parameters window, click in the Name column and type CategoryID in the box. Then click in the Value column to expose the lightning bolt symbol. Click on the lightning bolt symbol.

6. In the Dynamic Data window, click on CategoryID and click OK.

7. In the Parameters window, click OK.

8. The Select File window should now look like the image below. Click OK.

NOTE: What you have just done is told the server to make the links so that you pass the CategoryID as the URL parameter to the listBy.asp page.

9. Click on the catSubLayer and in the Property Inspector, change Vis to hidden.

Click here to continue the tutorial.