CMS AlertとCMS Confirmを使用する

CMS AlertとCMS Confirm

bluetronix CMS は、メッセージや確認ダイアログ用の独自の JavaScript ダイアログを提供します。

これにより、ブラウザの通常の JavaScript ダイアログの代わりに独自の CMS ダイアログを使用できます。これらは、ウェブサイトのレイアウトに視覚的に合わせられ、個別の iOS または Android アプリ内での使用を目的としています。

なぜ独自のCMSダイアログがあるのですか？

bluetronix CMS で作成されたウェブサイトは、直接ブラウザで呼び出すことができるだけでなく、例えば iOS または Android 専用のアプリ内で顧客ポータルを使用することもできます。

通常の JavaScript アラートは、この使用には適しておらず、bluetronix アプリ内で適切に表示されません。

そのため、bluetronix CMS には独自のダイアログ機能があります。これらはウェブサイト上で直接 JavaScript を介して呼び出され、同時にアプリ内での処理にも使用されます。

ウェブサイトを後で独自の bluetronix アプリ内で使用する予定がある場合、メッセージや確認には CMS 独自のダイアログを使用するべきです。

CMS AlertとCMS Confirmのテストページを作成する

テストのために、HTML ページを作成し、CMS アラートおよび CMS 確認のリンクを最初に追加できます。

<a href="javascript:BlueAlert('my alert text','','alert(5);','','');">cms alert</a>

<a href="javascript:BlueAlert('my confirm text','Confirm','alert(7);','','');">cms confirm</a>

HTML ページを保存したら、続いてそのページを表示します。現在、ページに 2 つのリンク cms alert と cms confirm が利用可能です。

CMS Alertを呼び出す

簡単なメッセージには、以下の呼び出しを使用します:

<a href="javascript:BlueAlert('my alert text','','alert(5);','','');">cms alert</a>

cms alert をクリックすると、CMS 独自のアラートが開きます。ダイアログ内には渡されたテキスト my alert text が表示されます。

CMS Alertと通常のブラウザアラートを比較する

テスト例には、通常の JavaScript 呼び出し alert(5); も含まれています。

alert(5);

これにより、通常のブラウザアラートがどのように表示され、CMS アラートとの違いがわかります。

通常の JavaScript アラートはブラウザによって表示されます。そのため、その外観はウェブサイトのレイアウトによって決まることはありません。

一方、CMS アラートはウェブサイトのデザインに適した形で表示され、既存のレイアウトに非常にうまく溶け込みます。

CMS 確認を呼び出す

単純なメッセージに加えて、確認ダイアログも使用できます。

例として以下のコードを使用します:

<a href="javascript:BlueAlert('my confirm text','Confirm','alert(7);','','');">cms confirm</a>

cms confirm をクリックすると、CMS 独自の確認ダイアログが開きます。この例では、テキストが my confirm text と表示されます。

確認後に JavaScript を実行する

CMS 確認では、追加で確認後に実行される JavaScript を渡すこともできます。

テストでは、これを使用します:

alert(7);

その後、通常のブラウザアラートが値 7 で呼び出されます。このチュートリアルでは、渡された JavaScript 命令が実行されたことを簡単に確認できます。

通常の JavaScript アラートを使用しない理由は？

この違いはデザインだけに留まりません。CMS独自のダイアログは、iOSまたはAndroidの個別のbluetronixアプリ内で使用されるウェブサイトにも対応しています。

そのため、顧客ポータルは通常のブラウザからでも、個別のアプリ内でもアクセス可能になります。通知や確認の問い合わせには、ウェブサイト上で引き続き専用のbluetronix機能を使用できます。

これにより、ウェブサイト内でのダイアログの表示と、それに応じたアプリ内での利用に対して、一貫したソリューションが得られます。

レイアウトに適した表示

CMS独自のダイアログのもう一つの利点は、使用されるレイアウトに適した表示となることです。

通常のブラウザアラートは、それぞれのブラウザによって提供されるため、別のブラウザウィンドウのように見えます。それに対して、CMSアラートおよびCMS確認は、ウェブサイトのデザインに適した形で表示されます。

特に顧客ポータルやウェブアプリケーションにおいて、ダイアログは実際のアプリケーションの一部のように見えます。

CMS アラートと CMS 確認の概要

簡単な通知には、例えば以下のCMSアラートを使用できます。

<a href="javascript:BlueAlert('my alert text','','alert(5);','','');">cms alert</a>

確認の問い合わせには、例えば以下のCMS確認を使用できます。

<a href="javascript:BlueAlert('my confirm text','Confirm','alert(7);','','');">cms confirm</a>

両方のバリエーションは、BlueAlert()機能を使用します。渡されたパラメータによって、それぞれのダイアログが制御されます。

要約

CMSアラートとCMS確認を使用すると、bluetronix CMSは通知や確認の問い合わせのための独自のダイアログを提供します。

ダイアログはウェブサイトのレイアウトに合わせて表示され、個別のiOSまたはAndroidアプリ内での使用に対応しています。そのため、該当するプロジェクトでは、通常のJavaScriptダイアログの代わりにCMS独自のダイアログを使用することをお勧めします。