ハイパーイベントの例

ハイパーイベント、および #server()# ディレクティブを使用するには、以下の手順を実行します。

1. スタジオを使用して、csp/user に MySamplePage3.CSP という名前の CSP ページを作成します。

2. 以下のスクリプトをページに追加します。このスクリプトは、AlertUser という名前の Caché メソッドを定義します。このスクリプトは、埋め込み JavaScript 構文 &js<> を使用することに注意してください。CSP コンパイラは、埋め込み JavaScript を ObjectScript の Write 文の適切なセットに自動的に変換します。

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

   

3. 以下のスクリプトも同様に追加します。このスクリプトは、MyFunction という名前の JavaScript 関数を定義します。この関数は、#server()# を使用して、サーバ側のメソッド AlertUser を呼び出します。

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

   

4. 最後に、次のボタンを MySamplePage3.CSP に追加します。 このボタンをクリックすると、JavaScript 関数 MyFunction が呼び出されます。

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

   

5. Web ブラウザで MySamplePage3.CSP を開き、ボタンをクリックします。