現在jQueryのバージョンを「jQuery 3.7.1」で実施したリサーチにて
一部端末とOSにて、先に進めなくなる事象が発生していることがわかりました。
そのため「jQuery 3.7.1」のコードを改修しております。
修正までに実施されるリサーチについては
jQueryのバージョンを「v1.4.1(互換バージョン)」にて実施いただけますと幸いです。
※ 標準機能ではないため動作保証外となっております。
貴社forSurvey環境での十分な動作確認をお願いいたします。
※ i-タイルのマトリクス設問では、次の設問に進めなくなるため利用しないでください。
※ アプリに遷移するURLのクリック必須の制御はご遠慮ください。
※ 回答負荷が高い制御になりますので、モニタプラスに配信する場合はクリック必須の多用はご遠慮ください。
本制御で利用する画像は「画像管理」からアップロードしてください。(画像を挿入する方法について)
◼️jQuery 1.4.1
――サンプル画面―――――――――――――――――――――――――――――――――――
画面遷移デモ https://test-bds.post-survey.com/preview/index.php?key=1umdQwd5&lang_c=ja
―――――――――――――――――――――――――――――――――――――――――――
① HTMLを「コメント上」へ入力する
<link rel='stylesheet' href='/style/css/js/lightbox.css' type='text/css' media='screen' charset='utf-8' /><script src='/style/script/lightbox.js' type='text/javascript' charset='utf-8'></script>
② 画像提示用コードを「選択肢/設問文/コメント上中下」へ入力する
<a href='%%mydir%%xxx.png' target='_blank' rel='lightbox' title='' class="url1"><img src='%%mydir%%AAA.png'></a>xxx.png :ポップアップで表示する画像のファイル名
AAA.png :クリックする表示画像のファイル名
※ クリック必須とする画像をを複数表示する場合は、url1 を url2 , url3 ... と指定してください。
例 )
<a href='%%mydir%%forsurvey_big.png' target='_blank' rel='lightbox' title='' class="url1"><img src='%%mydir%%forsurvey_small.png'></a>
<a href='%%mydir%%surveroid_big.png' target='_blank' rel='lightbox' title='' class="url2"><img src='%%mydir%%surveroid_small.png'></a>
③ Javascriptを「Javascript(次へボタン押下時)」へ入力する
url_check( event );
}
var url = [];
window.onload = function() {
$("a[class^='url']").each(function() {
url[$(this).attr("class")] = 0;
});
$("a[class^='url']").click(function(){
url[$(this).attr("class")] = 1;
});
}
function url_check( event ) {
for (let key in url) {
if (url[key] == 0) {
alert("すべての画像をクリックしてください");
return false;
}
}
※アラートの文言は変更可能です。