Simple web pages with Dreamweaver search



When customers visit our site often for some products will be relatively simple query search, the examples will explain the implementation process.

Results shows

As shown in Figure 86-1 customers can select the special inquiry page field, enter the query data, the product of fuzzy query, the results shown in Figure 86-2.





Creative ideas

In the "index.aspx" page, add the drop-down list, text boxes and buttons to complete the product search page settings, create an instance with 85 pages in the tree directory indexes show the same page as the product search page, and then set the program to achieve Product Search.

Steps

Steps to set up a product search page

(1) "LeftTb" table to add 4 rows and set the style. Open the "index.aspx", in Design view in the "LeftTb" table to add 4 rows and set the style, as shown in Figure 86-3 in the rounded box.



(2) Add the control. Click the shortcut menu bar on the ASP.NET 【asp: drop-down list】 button, the newly added line 2 to add the drop-down list control, as shown in Figure 86-4.

(3) Add the list of labels and corresponding values. Add a drop-down list in the new "FieldList" Properties window, click the list item 【】 button, the pop-up dialog box】 【list of items to add three labels, one labeled as "Product Code", the value is "CPID" ; a label for the "product name", its value is "CPNAME"; a label for the "Products", its value is "CPFL", the results shown in Figure 86-5.



(4) continue to add new lines to add text boxes, set ID for the "SearchTxt", and add two buttons, one button for the "Search", ID as "GoBt"; another button for the "Advanced Search", ID as "TopgoBt", the results shown in Figure 86-6.


[Next]
Step 2 Implementation Product Search

(1) switch to code view, the "

Translator
Latest Topics