フォーム上にハイパーリンクを作成する¶
✔ 概要
フォーム上にハイパーリンクを作成することができます。
ここでは、フォーム上に配置した入力テキストをハイパーリンクにして
別ウインドウに任意のWebサイトを表示する方法を説明します。
注意
- 本設定は、フォーム、旧バージョン形式のフォーム(JSP)および旧バージョン形式のフォーム(PDF)で利用できます。
Liteフォームでは利用できません。 - フォーム上に作成したハイパーリンクは、入力フォーム上でのみ動作します。
申請、承認後など処理確定後の出力PDFには反映されません。
フォーム形式により、設定方法が異なります。
フォームの場合¶
オブジェクトの配置/設定
入力テキストを任意の場所に配置し、プロパティに以下を設定します。
[表示]タブ
項目 設定値 読取専用 チェックあり [オプション]タブ
項目 設定値 初期値 リンク先の表示名 空白時に初期値を使用(出力時のみ) チェックあり [HTML]タブ
項目 設定値 JavaScript トリガー/JavaScriptイベントで以下を選択します。
トリガー クリックする JavaScriptイベント名 onClick トリガーを選択後に[編集]ボタンをクリックし、以下のスクリプトを設定します。
window.open("リンク先のURL");CSSクラス名 textlink
textlinkは入力テキストをリンク表示するCSSクラス(予約語)です。
フォームの保存
Formエディターでフォームを保存します。
動作確認
Formエディター ツールバーの[HTMLプレビュー]からプレビューを表示して確認します。
プレビュー上で、入力テキストをクリックし、別ウインドウにリンク先が表示されることを確認します。
旧バージョン形式のフォーム(JSP)の場合¶
オブジェクトの配置/設定
入力テキストを任意の場所に配置し、プロパティに以下を設定します。
[表示]タブ
項目 設定値 読取専用 チェックあり [オプション]タブ
項目 設定値 初期値 リンク先の表示名 空白時に初期値を使用(出力時のみ) チェックあり [JSP]タブ
登録済みのイベント一覧
[追加]ボタンをクリックし、以下を設定します。
項目 設定値 イベントタイミング onClick 実行するJavaScript window.open("リンク先のURL"); CSSクラス名
項目 設定値 CSSクラス名 textlink
textlinkは入力テキストをリンク表示するCSSクラス(予約語)です。
フォームの保存
Formエディターでフォームを保存します。
動作確認
Formエディター ツールバーの[HTMLプレビュー]からプレビューを表示して確認します。
プレビュー上で、入力テキストをクリックし、別ウインドウにリンク先が表示されることを確認します。
旧バージョン形式のフォーム(PDF)の場合¶
注意
旧バージョン形式のフォーム(PDF)はサポートを終了しました。
現在公開しているスクリプトは正しく動作しない可能性があります。
記載のスクリプトを利用する際は、事前に正しく動作するか検証してください。
オブジェクトの配置/設定
入力テキストを任意の場所に配置し、プロパティに以下を設定します。
[表示]タブ
項目 設定値 読取専用 チェックあり [オプション]タブ
項目 設定値 初期値 リンク先の表示名 空白時に初期値を使用(出力時のみ) チェックあり [アクション]タブ
項目 設定値 トリガー マウスボタンを押す アクション [追加]ボタンをクリックし以下を設定します。
アクションの選択 JavaScriptの実行 JavaScriptの編集 app.launchURL("リンク先のURL", true); ヒント
リンクであることがわかるように必要に応じて背景色などを変更してください。
フォームの保存
Formエディターでフォームを保存します。
動作確認
Formエディター ツールバーの[PDFプレビュー]からプレビューを表示して確認します。
プレビュー上で、入力テキストをクリックし、ブラウザーでリンク先が表示されることを確認します。