How to add a clear function to the built-in search page by using DHTML in FrontPage 2002 (300467)

SUMMARY

In Microsoft FrontPage, the built-in search page includes a form with Submit and Reset buttons. It does not contain a Clear button to clear the form fields. This article explains how to use Dynamic HTML (DHTML) code to add a Clear button to the search results page.

NOTE: The examples presented in this article use custom DHTML that may not be available in all browsers. For more information about compatibility with other browsers, click Microsoft FrontPage Help on the Help menu, type compatibility in the Office Assistant or the Answer Wizard, and then click Search to view the topic.

MORE INFORMATION

Microsoft provides programming examples for illustration only, without warranty either expressed or implied. This includes, but is not limited to, the implied warranties of merchantability or fitness for a particular purpose. This article assumes that you are familiar with the programming language that is being demonstrated and with the tools that are used to create and to debug procedures. Microsoft support engineers can help explain the functionality of a particular procedure, but they will not modify these examples to provide added functionality or construct procedures to meet your specific requirements. NOTE: You may receive an error message if you copy the examples directly from this article and paste them into FrontPage. The angle brackets (< and >) may appear as escaped HTML code (< and >). To work around this behavior, paste the script into a blank Notepad document, and then copy it from Notepad before you paste it into FrontPage.

In FrontPage, open a server-based web.
Create a new search page:

In FrontPage 2000:
1. On the File menu, point to New, and then click Page.
2. Click the General tab. Click the Search Page icon and then click OK.
In FrontPage 2002:
1. On the File menu, point to New, then click Page or Web.
2. On the New Page or Web task pane, click Page Templates.
3. Click the Search Page icon and then click OK.

Switch to HTML view and add the following DHTML code in the <HEAD></HEAD> section of the page:

<script language="vbscript" for="window" event="onLoad">
   <!--
   ' Loop through all HTML tags on the page.
   For x = 0 to document.all.length -1
     ' Is this an INPUT tag?
     If document.all(x).tagName = "INPUT" Then
       ' Is it the RESET button?
       If (document.all(x).type = "reset") Then
         ' Create a new button named CLEAR.
         strButton = "<input type=button name=cmdClear value=Clear>"
         ' Show the new RESET button after the SUBMIT button
         document.all(x).insertAdjacentHTML "AfterEnd",strButton
       End If
     End If
   Next
   -->
</script>

Add the following additional DHTML code in the <HEAD></HEAD> section of the page. Use the appropriate code for your search configuration:

If you are using Index Server or Indexing Services and IIS:

<script language="vbscript" for="cmdClear" event="onClick">
   <!--
     ' Clear the search form when the CLEAR button is clicked.
     document.all("UserRestriction").value = ""
   -->
</script>

If you are using the built-in FrontPage WAIS searching:

<script language="vbscript" for="cmdClear" event="onClick">
   <!--
     ' Clear the search form when the CLEAR button is clicked.
     document.all("search").value = ""
   -->
</script>

Switch back to Normal view and save the page to your web site.

In Microsoft Internet Explorer, when you submit a search and click the Clear button on the search results page, the form fields will be cleared.

How to add a clear function to the built-in search page by using DHTML in FrontPage 2002 (300467)

SUMMARY

MORE INFORMATION

REFERENCES