確認画面のカスタマイズ(文章追加)について

お世話になります。

確認画面に文章を追加したいのですが、可能でしょうか。

こんにちは。

どのタイミングで表示される確認画面でしょうか?
もう少し具体的教えて頂けますと助かります。

ありがとうございます。

実際の確認画面はお見せ出来ないのですが、下記の[確認画面あり]にチェックした際に表示される確認画面のことです。

よろしくお願いいたします。

JavaScriptカスタマイズにより、メッセージを表示させることができます。

詳細はこちらご参照ください:
https://developer.cybozu.io/hc/ja/community/posts/360049485072

ご回答ありがとうございます。

この運用でも問題ありませんが、確認画面に遷移するタイミングでのalertではなく、

確認画面自体に文章を追加することは可能でしょうか?

お世話になっております.トヨクモの石川と申します.

 

JavaScriptを利用すると,alertの表示だけでなく任意の場所に文字列を追加することが可能です.

具体的に,確認画面のどの箇所に,どのような文字列(単純なテキスト or HTML)を追加したいとお考えでしょうか?

実際のフォームではなくとも,目的がわかるように記載していただければコード例をお見せすることができます.

石川様

お世話になります。

書き込みありがとうございます。

イメージは、このような感じです。

石川です.

 

上記の場合,次のJavaScriptコードで実装できます.文章に対して何かしらの装飾をしたい場合は,idやclassを付与するなどして対応してください.

また,文字列を追加する場所はこの場所以外にも自由に決めることができますので,下記を参考に実装して頂ければと思います.

(function() {
"use strict";
fb.events.confirm.mounted = [function(state){
var confirmText = document.getElementsByClassName("internally")[0];
confirmText.insertAdjacentHTML('afterbegin','<p>追加する任意の文章</p>');
}];
})();

石川様

ありがとうございます。こちらの環境でも確認できました。

ちなみに、文章を、白い枠の上(「新しいアプリ」の下)に表示させる場合は、どのように記述すればよいでしょうか。

たびたび申し訳ありません。

石川です.

 

指定された箇所に任意の文字列を表示させたい場合は,以下のJavaScriptで実装できます.

このプログラムは,HTML上にあるclassやIDを利用して目的の場所の要素を取得し,その要素に対してHTMLを追記しています.

したがって,目的の場所のclass/IDがわかれば,自由に文章を追加することができます.詳しくは,以下のサイトをご覧ください.

https://developer.mozilla.org/ja/docs/Web/API/Document/getElementsByClassName 

https://developer.mozilla.org/ja/docs/Web/API/Document/getElementById 

https://developer.mozilla.org/ja/docs/Web/API/Element/insertAdjacentHTML 

(function() {
"use strict";
fb.events.confirm.mounted = [function(state){
var confirmText = document.getElementsByClassName("segment")[0];
confirmText.insertAdjacentHTML('beforebegin','<p>追加する任意の文章</p>');
}];
})();

石川様

 

おかげさまで、やりたいことが実現出来ました。

ありがとうございました。