メインコンテンツへスキップ

埋め込みフォームを利用する-埋め込みフォームの設置(応用編)-カスタマイズ例

埋め込みフォームを利用する-埋め込みフォームの設置(応用編)-カスタマイズ例
カスタマイズ利用例SMP本体がメンテナンスなどによってアクセスができなくなった場合、埋め込みフォーム構築用のスクリプトが読み込めなくなります。その場合、埋め込みフォームタグをそのまま設置しているだけでは、画面上に何も表示しませんが、スクリプトの読み込み方法をカスタマイズすることで代替メッセージを表示することができます。以下に、そのサンプルを提示します。スクリプトの例functionloadSMPForm(url,embedded_code,errorStr){consts=document.createElement('script');s.src=url+'/static/js/embedded_form.js's.chaset='utf-8';s.onload=function(){smpform.loadForm(embedded_code,url)};s.onerror=function(){document.getElementById(embedded_code).innerHTML=errorStr}constl=document.createElement('link');l.rel='stylesheet';l.href=url+'/static/css/embedded_form.css';document.body.appendChild(s);document.body.appendChild(l);}loadSMPForm('恐れ入りますが、現在フォームのメンテナンス中です')NowLoading...HTMLのタグに埋め込みフォーム構築用のJavaScriptファイル・CSSファイルの読み込みを行い、フォームを読み込む処理を行うスクリプトを記述しています。このスクリプトを、タグで読み込んでおります。引数の順番として、SMPのURL埋め込みフォーム設定時に生成された一意のID(embXXXXX-XXXX-XXXX-XXXXXとembで始まる文字列です)エラー時に表示する文言これらを指定していただくと、エラー時にIDに紐づくタグの中身にエラー文言が表示されます。正常に通信ができているときは埋め込みフォームが表示されます。サンプルのように、タグの中に読込中を表すような文言を挿入することで、利用者にフォームを読み込んでいることを示すことが可能です。注意上記プログラムはサンプルですので、そのままの利用はお控えください。構築されるWebページに合わせて利用するようお願いいたします。
https://smpdoc.shanon.co.jp/ja/visitor/other/chapter002/chapter003/002/