ワークフローシステム
  • ワークフローシステム 逆引きガイド
    • サーバー動作環境設定
      • 動作環境
      • 動作環境設定
        • SSL環境で利用する
        • ポート番号を変更する
    • クライアント動作環境設定
      • クライアント動作環境設定(V5.0)
        • Google Chrome
          • Google Chrome の設定
          • Google Chrome の制限事項
        • Mozilla Firefox
          • Mozilla Firefox の設定
          • Mozilla Firefox の制限事項
        • Mac
          • Safariの設定
          • Safariの制限事項
        • iPhone/iPad
          • Safariの設定
          • Safariの制限事項
        • Android
          • Google Chromeの設定
          • Google Chromeの制限事項
      • クライアント動作環境設定(V5.1)
        • Google Chrome
          • Google Chrome の設定
          • Google Chrome の制限事項
        • Mozilla Firefox
          • Mozilla Firefox の設定
          • Mozilla Firefox の制限事項
        • Mac
          • Safariの設定
          • Safariの制限事項
        • iPhone/iPad
          • Safariの設定
          • Safariの制限事項
        • Android
          • Google Chromeの設定
          • Google Chromeの制限事項
      • クライアント動作環境設定(V5.2)
        • Microsoft Edge
          • Microsoft Edge の設定
          • Microsoft Edge の制限事項
        • Google Chrome
          • Google Chrome の設定
          • Google Chrome の制限事項
        • Mozilla Firefox
          • Mozilla Firefox の設定
          • Mozilla Firefox の制限事項
        • Mac
          • Safariの設定
          • Safariの制限事項
        • iPhone/iPad
          • Safariの設定
          • Safariの制限事項
        • Android
          • Google Chromeの設定
          • Google Chromeの制限事項
      • クライアント動作環境設定(V5.3)
        • Microsoft Edge
          • Microsoft Edge の設定
          • Microsoft Edge の制限事項
        • Google Chrome
          • Google Chrome の設定
          • Google Chrome の制限事項
        • Mozilla Firefox
          • Mozilla Firefox の設定
          • Mozilla Firefox の制限事項
        • Mac
          • Safariの設定
          • Safariの制限事項
        • iPhone/iPad
          • Safariの設定
          • Safariの制限事項
        • Android
          • Google Chromeの設定
          • Google Chromeの制限事項
    • サーバーのメンテナンス
      • ワークフローシステムを起動/停止する
        • ワークフローシステムの起動
        • ワークフローシステムの停止
        • ワークフローシステムの定期的な起動/停止
      • 定義/運用データをバックアップする
        • PostgreSQL の場合
        • SQL Server の場合
        • Oracle Database の場合
      • 定義/運用データをリストアする
        • PostgreSQLの場合
        • SQL Server の場合
        • Oracle Database の場合
      • サーバー環境のパフォーマンスを維持する
      • 使用するメモリサイズを変更する
        • Windowsの場合
        • Linuxの場合
      • データベースをメンテナンスする
        • PostgreSQL の場合
        • SQL Server の場合
      • ログイン情報のタイムアウト時間を変更する
      • 運用データを初期化する
    • システムの運用管理
      • 案件の内容を確認する
        • 案件を検索する
        • 申請情報を確認する
        • プロセスログをダウンロードする
      • 案件を削除する
      • 案件を定期的に削除する
      • 人事異動時や退職時の対応
        • 人事異動時の対応方法
        • 退職時の対応方法
      • 組織変更時の対応
        • 複製した組織を編集する方法
          • 組織の複製と切り替え日を指定した組織の自動切り替え
          • 組織変更時の対応方法
        • 既存の組織を編集する方法
        • 各コンテンツへの影響
          • ルートへの影響
          • フォームへの影響
          • ワークフローへの影響
          • 採番への影響
      • 進行中の案件を別ユーザーへ引継ぐ
      • 運用中のフォームを修正する
        • フォーム/旧バージョン形式のフォーム(JSP)
        • Liteフォームをご利用の場合
      • 運用中のルートを修正する
      • 運用中のワークフローを修正する
      • 運用中のルートに承認者を追加する際の対応手順
        • フォーム/旧バージョン形式のフォーム(JSP)をご利用の場合
        • Liteフォームをご利用の場合
      • 承認ルートに存在しないユーザーに対して案件を共有する
        • 申請された案件を共有する
        • 共有設定前に申請された案件を共有する
      • 共有適用時の設定内容が異なることによる共有状態の違いについて
        • 共有するグループ・役職に後から「申請者関係指定 - 全員」と「役職指定」を追加した場合
        • 共有するグループ・役職に後から「申請者関係指定 - 役職」を追加した場合
        • 申請後に共有するグループ・役職に「申請者関係 - 役職」と「申請者関係指定 - 全員」、「所属指定」を追加した場合
        • 共有するグループ・役職に登録されている「申請者関係指定 - 全員」または「所属指定」を「申請者関係指定 - 役職」に変更した場合
    • システムの操作・設計
      • フォームの作成
        • フォームにJavaScriptを設定する
          • 各オブジェクトの操作時に実行するJavaScriptを設定する
            • フォームの場合
            • 旧バージョン形式のフォーム(JSP)の場合
          • 入力フォーム表示時にJavaScriptを設定する
          • 外部ファイルとしてJavaScriptを登録する
        • スクリプトを利用してオブジェクトの内容を取得する
          • フォームの場合
          • 旧バージョン形式のフォーム(JSP)の場合
          • 旧バージョン形式のフォーム(PDF)の場合
        • スクリプトを利用してオブジェクトの内容を更新する
          • フォームの場合
          • 旧バージョン形式のフォーム(JSP)の場合
          • 旧バージョン形式のフォーム(PDF)の場合
          • フォームオブジェクトのイベント実行
        • 入力テキストの値をクリアする
          • フォームの場合
          • 旧バージョン形式のフォーム(JSP)の場合
          • 旧バージョン形式のフォーム(PDF)の場合
        • 入力テキストに半角英数字のみ入力可能にする
          • フォームの場合
          • 旧バージョン形式のフォーム(JSP)の場合
          • 旧バージョン形式のフォーム(PDF)の場合
        • 承認者ごとに入力フォームを制御する(特定表示区分)
          • 閲覧者を読取専用にする
          • 経理部の担当者のみが入力できるようにする
        • 入力オブジェクトを特定の承認者から必須入力にする
          • フォームの場合
          • 旧バージョン形式のフォーム(JSP)の場合
          • 旧バージョン形式のフォーム(PDF)の場合
        • 特定の役職の場合に入力オブジェクトを読取専用にする
        • 特定の役職の場合に入力オブジェクトを必須入力にする
        • 代理・代行ユーザーによる操作の場合に項目に値を表示する
        • コンボボックスを必須選択にする
          • フォーム/旧バージョン形式のフォーム(JSP)の場合
          • Liteフォームの場合
        • 複数ページのフォームで計算を設定する
          • フォームの場合
          • 旧バージョン形式のフォーム(JSP)の場合
          • 旧バージョン形式のフォーム(PDF)の場合
        • 入力できる日付を制限する
          • フォームの場合
          • 旧バージョン形式のフォーム(JSP)の場合
        • 日付の差(日数)を計算する
          • フォームの場合
          • 旧バージョン形式のフォーム(JSP)の場合
        • 日付の曜日を表示する
          • フォームの場合
          • 旧バージョン形式のフォーム(JSP)の場合
        • 年齢を表示する
          • フォームの場合
          • 旧バージョン形式のフォーム(JSP)の場合
        • 複数の入力テキストの値を連結する
          • フォームの場合
          • 旧バージョン形式のフォーム(JSP)の場合
          • 旧バージョン形式のフォーム(PDF)の場合
        • 特定の承認者からフォーム上のボタン名を変更する
          • フォームの場合
          • 旧バージョン形式のフォーム(JSP)の場合
          • 旧バージョン形式のフォーム(PDF)の場合
        • フォーム上にハイパーリンクを作成する
          • フォームの場合
          • 旧バージョン形式のフォーム(JSP)の場合
          • 旧バージョン形式のフォーム(PDF)の場合
        • 必須チェック時に項目名を表示する
          • フォーム/旧バージョン形式のフォーム(JSP)の場合
          • Liteフォームの場合
        • ページ追加可能なフォームを作成する(マルチフォーム)
        • マルチフォームが設定されたフォームでページ番号を表示する
        • 入力内容をもとにデータベースから取得した値を利用する
        • コンボボックスの項目をデータベースから取得する
          • PostgreSQL利用時の注意点
        • データベースから取得した値を利用する(マスタ検索サブフォーム)
          • 検索項目なし、単一データの反映
          • 検索項目あり、複数データの反映
        • スクリプトを利用してコンボボックスの表示内容を絞り込む
          • フォームの場合
          • 旧バージョン形式のフォーム(JSP)の場合
        • マスタ検索サブフォームの表示内容を絞り込む
        • PDFファイルを貼り付けて申請するフォームを作成する(PDF貼り付けフォーム)
          • PDFファイルの全ページを同じレイアウトの入力フォームに貼り付ける
          • PDFファイルの1ページ目と2ページ目以降を、異なるレイアウトの入力フォームに貼り付ける
          • 申請者がPDF貼り付けフォームの使用を選択する
          • PDF貼り付けフォーム作成時の注意点
        • オブジェクトに埋め込みフォントを設定する
          • フォームの場合
          • Liteフォームの場合
        • 承認ルートにあわせた印影を設定する
          • 通常/並列(OR)承認者のルート
          • 合議(AND)承認者のルート
          • 条件分岐を含むルート
          • 追加した承認者/決裁者/閲覧者が存在するルート
          • 挿入した承認者/決裁者/閲覧者が存在するルート
        • JavaScript API リファレンス
          • フォームの場合
            • iftc.cwf.api.Forms クラス
            • iftc.cwf.api.FormObject クラス
            • iftc.cwf.api.MultiFormProperty クラス
            • iftc.cwf.api.WorkFlowNode クラス
            • iftc.cwf.api.ProxyUser クラス
          • 旧バージョン形式のフォーム(JSP)の場合
      • 案件に一意の番号を付与する(採番)
        • 定期的にリセットされる採番を作成する
      • 業務ごとに案件を管理する(業務区分)
        • 業務ごとに案件を管理する(業務区分)
          • 業務区分の設定
          • 業務区分項目値の更新
ワークフローシステム
  • Top »
  • ワークフローシステム 逆引きガイド »
  • システムの操作・設計 »
  • フォームの作成 »
  • フォーム上にハイパーリンクを作成する

フォーム上にハイパーリンクを作成する¶

✔ 概要

フォーム上にハイパーリンクを作成することができます。
ここでは、フォーム上に配置した入力テキストをハイパーリンクにして 別ウインドウに任意のWebサイトを表示する方法を説明します。

注意

  • 本設定は、フォーム、旧バージョン形式のフォーム(JSP)および旧バージョン形式のフォーム(PDF)で利用できます。
    Liteフォームでは利用できません。
  • フォーム上に作成したハイパーリンクは、入力フォーム上でのみ動作します。
    申請、承認後など処理確定後の出力PDFには反映されません。

フォーム形式により、設定方法が異なります。

  • フォームの場合
  • 旧バージョン形式のフォーム(JSP)の場合
  • 旧バージョン形式のフォーム(PDF)の場合

フォームの場合¶

設定方法

オブジェクトの配置/設定

入力テキストを任意の場所に配置し、プロパティに以下を設定します。

  • [表示]タブ

    項目 設定値
    読取専用 チェックあり
  • [オプション]タブ

    項目 設定値
    初期値 リンク先の表示名
    空白時に初期値を使用(出力時のみ) チェックあり
  • [HTML]タブ

    項目 設定値
    JavaScript

    トリガー/JavaScriptイベントで以下を選択します。

    トリガー クリックする
    JavaScriptイベント名 onClick

    トリガーを選択後に[編集]ボタンをクリックし、以下のスクリプトを設定します。

    window.open("リンク先のURL");
    
    CSSクラス名

    textlink

    textlinkは入力テキストをリンク表示するCSSクラス(予約語)です。

フォームの保存

Formエディターでフォームを保存します。

動作確認

Formエディター ツールバーの[HTMLプレビュー]からプレビューを表示して確認します。
プレビュー上で、入力テキストをクリックし、別ウインドウにリンク先が表示されることを確認します。
imggotop ページTOPへ

旧バージョン形式のフォーム(JSP)の場合¶

設定方法

オブジェクトの配置/設定

入力テキストを任意の場所に配置し、プロパティに以下を設定します。

  • [表示]タブ

    項目 設定値
    読取専用 チェックあり
  • [オプション]タブ

    項目 設定値
    初期値 リンク先の表示名
    空白時に初期値を使用(出力時のみ) チェックあり
  • [JSP]タブ

    • 登録済みのイベント一覧

      [追加]ボタンをクリックし、以下を設定します。

      項目 設定値
      イベントタイミング onClick
      実行するJavaScript window.open("リンク先のURL");
    • CSSクラス名

      項目 設定値
      CSSクラス名

      textlink

      textlinkは入力テキストをリンク表示するCSSクラス(予約語)です。

フォームの保存

Formエディターでフォームを保存します。

動作確認

Formエディター ツールバーの[HTMLプレビュー]からプレビューを表示して確認します。
プレビュー上で、入力テキストをクリックし、別ウインドウにリンク先が表示されることを確認します。
imggotop ページTOPへ

旧バージョン形式のフォーム(PDF)の場合¶

注意

旧バージョン形式のフォーム(PDF)はサポートを終了しました。
現在公開しているスクリプトは正しく動作しない可能性があります。
記載のスクリプトを利用する際は、事前に正しく動作するか検証してください。

設定方法

オブジェクトの配置/設定

入力テキストを任意の場所に配置し、プロパティに以下を設定します。

  • [表示]タブ

    項目 設定値
    読取専用 チェックあり
  • [オプション]タブ

    項目 設定値
    初期値 リンク先の表示名
    空白時に初期値を使用(出力時のみ) チェックあり
  • [アクション]タブ

    項目 設定値
    トリガー マウスボタンを押す
    アクション

    [追加]ボタンをクリックし以下を設定します。

    アクションの選択 JavaScriptの実行
    JavaScriptの編集 app.launchURL("リンク先のURL", true);

ヒント

リンクであることがわかるように必要に応じて背景色などを変更してください。

フォームの保存

Formエディターでフォームを保存します。

動作確認

Formエディター ツールバーの[PDFプレビュー]からプレビューを表示して確認します。
プレビュー上で、入力テキストをクリックし、ブラウザーでリンク先が表示されることを確認します。
imggotop ページTOPへ
Next Previous