ハイパーイベントの例
ハイパーイベント、および #server()# ディレクティブを使用するには、以下の手順を実行します。
-
スタジオを使用して、csp/user に MySamplePage3.CSP という名前の CSP ページを作成します。
-
以下のスクリプトをページに追加します。このスクリプトは、AlertUser という名前の Caché メソッドを定義します。このスクリプトは、埋め込み JavaScript 構文 &js<> を使用することに注意してください。CSP コンパイラは、埋め込み JavaScript を ObjectScript の Write 文の適切なセットに自動的に変換します。
<script language="cache" method="AlertUser"> &js<alert("Hello User");> </script>
-
以下のスクリプトも同様に追加します。このスクリプトは、MyFunction という名前の JavaScript 関数を定義します。この関数は、#server()# を使用して、サーバ側のメソッド AlertUser を呼び出します。
<script language="JavaScript"> function MyFunction(){ #server(..AlertUser())# } </script>
-
最後に、次のボタンを MySamplePage3.CSP に追加します。 このボタンをクリックすると、JavaScript 関数 MyFunction が呼び出されます。
<input type="Button" value="Click Me" onClick="MyFunction()"/>
-
Web ブラウザで MySamplePage3.CSP を開き、ボタンをクリックします。
埋め込み JavaScript、および &js<> の詳細は、"Caché Server Pages の使用法" の "CSP におけるタグを使用した開発" セクションの “クライアント・イベントに対するサーバからの応答” に関する説明を参照してください。
&html<> を使用して HTML を埋め込むこともできます。