Spry ツールヒント Widget は、Web ページ上にある特定のエレメントにユーザーがマウスポインタを合わせたときに補足情報を表示するためのものです。この補足情報は、ユーザーがポインタを再び動かすと表示されなくなります。また、表示がより長く持続するようにツールヒントを設定すれば、ツールヒントコンテンツに対するユーザーの操作を可能にすることもできます。

ツールヒント Widget は、次の 3 つのエレメントから構成されます。

• ツールヒントコンテナ。ユーザーの操作によってツールヒントがアクティブになったときに表示する、コンテンツやメッセージを含んでいるエレメントです。

• ページエレメント。ツールヒントをアクティブにするエレメントです。

• コンストラクタスクリプト。ツールヒントの機能を作成するよう Spry に指示する JavaScript です。

ツールヒント Widget を挿入すると、div タグを使用してツールヒントコンテナが作成され、span タグで囲んだ "トリガ" エレメント (そのツールヒントをアクティブにするページエレメント) が配置されます。これらのタグは初期設定で使用されますが、ページのボディ内ではツールヒントやトリガエレメントとして任意のタグを使用できます。

ツールヒント Widget を使用する際は、次の点に留意してください。

• 開いたツールヒントは、別のツールヒントが開かれる前に閉じられます。

• ツールヒントは、トリガ領域にユーザーがマウスポインタを置いている間は表示され続けます。

• トリガおよびツールヒントコンテンツに使用するタグの種類に制限はありません (ただし、ブラウザの互換性によるレンダリングの問題を避けるため、常にブロックレベルのエレメントを使用することをお勧めします)。

• ツールヒントの表示位置は、初期設定ではカーソルから右と下に 20 ピクセル離れた位置です。表示位置を独自に設定するには、プロパティインスペクタの「水平方向のオフセット」および「垂直方向のオフセット」オプションを使用します。

• 現在のところ、ブラウザ上にページが表示される時点でツールヒントを開いておくようにする方法はありません。

ツールヒント Widget に必要な CSS はごくわずかです。Spry では、JavaScript を使用してツールヒントを表示し、閉じ、配置します。ツールヒントのスタイルは、標準的な CSS のテクニックを使用し、作成するページの必要に応じた任意の方法で指定できます。初期設定 CSS ファイルに含まれている唯一のルールは、Internet Explorer 6 の問題を回避し、フォームエレメントや Flash オブジェクトの上にツールヒントが表示されるようにするものです。

Spry ツールヒント Widget の動作およびコードの詳細については、www.adobe.com/go/learn_dw_sprytooltip_jp を参照してください。

Spry ツールヒント Widget の操作に関するビデオチュートリアルについては、www.adobe.com/go/lrvid4046_dw_jp を参照してください。

オプションを設定すると、ツールヒント Widget の動作をカスタマイズできます。