JS クリックする行列をハイライト表示

1.1 説明

一覧表などデータが多い場合、マウスでクリックされた行をハイライト表示などの効果（下記のよう）

1.2 実現

「ロード完了」イベントを追加して、マウスクリックする行を赤色にする。

2.1 事例一：マウスクリック

2.1.1 イベントを追加

「テンプレート⇒テンプレートWeb属性⇒改ページプレビュー」で、「テンプレート個別設定」を選び、「ロード完了」イベントを追加します。

Javascript文：

contentPane.makeHighlight('red'); 

2.1.2 効果確認

テンプレートを保存し、「改ページプレビュー」をクリック：

2.2 事例二：マウスホバー

2.2.1 イベントを追加

「テンプレート⇒テンプレートWeb属性⇒改ページプレビュー」で、「テンプレート個別設定」を選び、「ロード完了」イベントを追加します。

Javascript文：

contentPane.makeHighlight('red','mouseover');

2.2.2 効果確認

テンプレートを保存し、「改ページプレビュー」をクリック：

事例一：

JSクリックする行列をハイライト表示-1.cpt

事例二：

JSクリックする行列をハイライト表示-2.cpt