Hyperevents Example

Complete the following steps to use hyperevents and the #server()# directive.

1. Using Studio, create a CSP page named MySamplePage3.CSP in csp/user.

2. Add the following script to the page. The script defines a Caché method named AlertUser. Note that the script uses the embedded JavaScript syntax: &js<>. The CSP compiler automatically converts embedded JavaScript to the appropriate set of ObjectScript Write statements.

   
   <script language="cache" method="AlertUser">
   &js<alert("Hello User");> 
   </script>
   

   

3. Add the following script as well. This script defines a JavaScript function named MyFunction. This function uses #server()# to call the server-side AlertUser method.

   
   <script language="JavaScript">
   function MyFunction(){
   #server(..AlertUser())#
   }
   </script>
   

   

4. Finally, add the following button to MySamplePage3.CSP. When clicked, the button invokes the JavaScript function MyFunction.

   
   <input type="Button" value="Click Me" onClick="MyFunction()"/>
   

   

5. Open MySamplePage3.CSP in a Web browser and click the button.