CookBook

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

投稿日:

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

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

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

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

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

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

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

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

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


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

-CookBook
-

執筆者:


comment

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

関連記事

no image

IM-BloomMaker サイドメニューの使い方

このCookBookでは、2020 Summer から利用可能になったサイドメニューエレメントの使い方について紹介しています。 エレメントの概要 サイドメニューエレメントは、「intra-mart A …

no image

Box Java SDK を利用した Box 連携

はじめに 本CookBookでは「intra-mart Accel Platform」で同梱している Box Java SDK を直接利用する方法をご紹介します。 尚、「intra-mart Acce …

no image

IM-BloomMaker 入力規則エラーメッセージをカスタマイズする方法

このCookBookでは、「入力規則エラーメッセージ」エレメントに表示されるエラーメッセージをカスタマイズする方法について説明します。 intra-mart Accel Platform 2024 A …

no image

IM-BloomMaker 複数のプルダウンを連携させる方法

この CookBook では、IM-BloomMaker を使用して、複数のプルダウンを連携させる方法を紹介します。例として都道府県を選択後に、その中に含まれる市区町村がプルダウンから選べるようにしま …

no image

IM-BloomMaker imui の「ボタン」エレメントの背景色を css エディタで適用する方法

この CookBook では imui の「ボタン」エレメントの色を CSS エディタで適用する方法を説明します。 完成サンプル 以下の完成サンプルをダウンロードしてご活用ください。 IM-Bloom …