HTML Helpの作成方法(基本編)
|
|
トピック中のテキストをクリックすると、ポップアップウインドウに文章が表示されるように設定できます。(HTML Help Ver.1.4xでは最大255文字まで表示可) ポップアップは、HTML Help Workshopのメニューでは設定できません。トピックファイルに直接次のように記述してください。 <OBJECT <A href=javascript:id=hhctrl.TextPopup("ポップアップに表示する文字",フォント名[,フォントサイズ[,文字コードセット,[plain bold italic underline],左右マージン,上下マージン,文字色,背景色)>リンクテキスト</A> 文字色、背景色はRGB値で指定するのですが、HTML Help 1.32の段階では色が正しく表示されません。「-1,-1」と指定してください。文字色が黒色、背景色がクリーム色になります。 例)下の「ポップアップ」の箇所には、次のように記述しています。 <OBJECT <A href=javascript:id=hhctrl.TextPopup("クリックするとポップアップが表示されます。","MSゴシック,11",9,9,-1,-1)>ポップアップ</A> ポップアップのテキストを途中で改行するには長文のテキストをポップアップウインドウに表示すると、途中で改行されます。改行位置やポップアップウインドウの横幅は自動的に決定されます。特定の位置で改行したい場合は、改行位置に「\n」と入力してください。 <A href=javascript:id=hhctrl.TextPopup("クリックすると\nポップアップが\n表示されます。","MSゴシック,11",9,9,-1,-1)>ポップアップ</A> この方法で改行位置を揃えて指定することで、ポップアップウインドウの横幅を調整することもできます。 ポップアップ中にリンクを設定するには残念ながらHTML Helpのポップアップには通常のテキストしか表示できません。テキストにリンクを設定したり、画像を表示することはできません。これらが必要な場合は、次のような代替手段があります。
この他、通常のWebサイトの場合と同様にJavaScriptなどを利用してポップアップを表示することができます。ただし、HTML Help自体の機能を利用する場合よりも表示に時間がかかります。 イメージマップとポップアップを組み合わせる通常のHTMLのイメージマップと組み合わせると、画像の一部をクリックすると、対応するポップアップが表示されるように設定できます。 ここでは画面の四角形と円形の部分をクリックすると、それぞれに 対応するポップアップを表示するように設定します。 <OBJECT <IMG src="images/sample.gif" 最初にOBJECT要素でHTML Help ActiveXコントロールを埋め込みます。 ここではidを「hhctrl2」にしています。
|