CookBook

ページ読み込み時にアクションを実行する方法

投稿日:

このCookBookでは、ページ読み込み時にアクションを実行する方法について紹介しています。

BloomMakerでは、アクションが実行されるタイミングが設定できます。クリック時やダブルクリック時だけでなく、ページ読み込み時やページ離脱時にアクションを実行する方法を説明します。

コンテナとコンテナページについて

BloomMakerでは、デザイン編集画面で余白をクリックしたときに表示されるコンテナページとは別に、コンテナが存在します。

このコンテナに「ページ読み込み時」と「ページ離脱時」という項目があります。

コンテナはコンテナページの下にあり、下記の2種類の方法で選択することが可能です。

  • 1. コンテナページと右ペインの間、もしくはコンテナページの下にある灰色の領域をクリックする。
  • 2. ツールバーにあるコンテナアイコンをクリックする(2020 Spring 以降)

「ページ読み込み時」と「ページ離脱時」の利用例について

コンテナを選択したら、右ペインの「プロパティ」タブ内の「イベント」の項目を見てみましょう。
「ページ読み込み時」と「ページ離脱時」という項目があり、ここからそれぞれのタイミングで実行するアクションを設定することができます。


「ページ読み込み時」については、下記のCookBookで利用例が載っています。

-CookBook
-

執筆者:


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

関連記事

IM-LogicDesignerを利用して、IM-Workflowの到達処理で任意の参照者を追加する方法

このCookBookでは、LogicDesignerを利用して、IM-Workflowの到達処理で任意の参照者を追加する方法について紹介しています。 承認ノードの到達処理で、申請者を参照者として登録し …

IM-BloomMaker 時刻入力に設定した日付・時刻型変数の日付やタイムゾーンはどうなっているの?

はじめに 2022 Winter でリリースした「時刻入力」エレメントは、時刻の入力フォームを表示するエレメントです。 「時刻入力」エレメントの value プロパティには日付・時刻型変数を指定します …

IM-BloomMaker 繰り返しエレメントでの変数の使い方

このCookBookでは、IM-BloomMakerの繰り返しエレメントと変数の使い方について紹介しています。 サンプルでは、1・2・3次元配列の変数を使用して繰り返しエレメントを表示します。 完成イ …

no image

IM-BloomMaker Chrome 拡張機能のデバッグツールの使い方

この CookBook では、2022 Winter でリリースされた Chrome 拡張機能であるデバッグツールの使い方を、実際に不具合のあるコンテンツをデバッグしていきながらご紹介いたします。 レ …

no image

IM-FormaDesignerで作成したフォーム内で、外部連携を利用して最も簡単に値を渡す方法(単一アイテム編)

このCookBookでは、IM-FormaDesignerで作成したフォーム画面の中で、アイテムからアイテムへ値を渡す方法について紹介します。 今回は例として、文字列と数値の値を同時にアイテムからアイ …