ファイル添付テスト

コミュニティ

ファイル添付テスト

トピックス by h.shimizu 302 pt 2023年11月22日 18:34 38 PV
ファイル添付テスト
無題ファイル.txt 5 KB テキストファイル — クリックして見る



コピーダウンロードリンク

var sbScrollRevealEnqueteWithRevealHiddenImage = sbScrollRevealEnqueteWithRevealHiddenImage || {}; (function(_) { const classes = { target: '.js-scroll-reveal-enquete-with-reveal', questionItem: '.questionArea', revealArea: '.js-reveal', } const setting = { duration: 600, } _.scrollTo = function(end, duration) { const startTime = Date.now() const easeOut = (p) => p * (2 - p) const start = window.pageYOffset const range = end - start let position = 0 var move = function() { const elapsedTime = Date.now() - startTime const progress = elapsedTime / duration position = start + range * easeOut(progress) if (progress currentNo + 1) { next = linkBoxAll[currentNo + 1]; scrollPoint = next.getBoundingClientRect().top + window.pageYOffset; _.scrollTo(scrollPoint, setting.duration); } }); } nextButton.style.display = 'block'; return; } //関連画像がある場合 if (currentNext && currentNext.classList.contains('q1-related-image')) { const imageToShow = document.querySelector('[class*="related-image"]'); imageToShow.style.display = 'block'; imageToShow.scrollIntoView({ behavior: 'smooth' }); } else { linkBoxAll.forEach(function(linkBox) { if (linkBox.querySelector('input:checked')) checkedLength++; }) if (linkBoxAll.length > currentNo + 1) { next = linkBoxAll[currentNo + 1] scrollPoint = next.getBoundingClientRect().top + window.pageYOffset } if (checkedLength === linkBoxAll.length) { revealArea.classList.remove('is-hidden') scrollPoint = revealArea.getBoundingClientRect().top + window.pageYOffset } if (!current.classList.contains("no-scroll")) { _.scrollTo(scrollPoint, setting.duration) } } }) } _.init = function() { Array.from(document.querySelectorAll(classes.target), el => { _.setEnquete(el); }); } })(sbScrollRevealEnqueteWithRevealHiddenImage); // document.addEventListener('DOMContentLoaded', function() { // // Q1のラジオボタンをすべて取得 // var q1RadioButtons = document.querySelectorAll('input[name="q1"]'); // // 各ラジオボタンにイベントリスナーを設定 // q1RadioButtons.forEach(function(radioButton) { // radioButton.addEventListener('change', function() { // if (this.checked) { // // 画像を表示する処理 // var imageToShow = document.querySelector('.q1-related-image'); // if (imageToShow) { // imageToShow.style.display = 'block'; // 画像を表示 // // 画像までスクロールする（オプション） // imageToShow.scrollIntoView({ behavior: 'smooth' }); // } // } // }); // }); // });

クリックして展開
h.shimizu 1 年, 5 月前 1 人 · 1 コメント
1 コメント

h.shimizu

管理者
2023年11月28日 12:53
複数ファイル添付テスト
sumple1.txt 786 B テキストファイル — クリックして見る



コピーダウンロードリンク

// 選択肢がチェックボックスの場合、'next' ボタンの処理 if (self.type === 'checkbox') { let nextButton = current.querySelector('.next-button'); if (!nextButton) { // 次へボタンがない場合は作成する nextButton = document.createElement('div'); nextButton.textContent = '次へ'; nextButton.className = 'next-button'; current.appendChild(nextButton); // ボタンクリック時のイベントを追加 nextButton.addEventListener('click', function() { if (linkBoxAll.length > currentNo + 1) { next = linkBoxAll[currentNo + 1]; scrollPoint = next.getBoundingClientRect().top + window.pageYOffset; _.scrollTo(scrollPoint, setting.duration); } }); } nextButton.style.display = 'block'; return; }

クリックして展開
sumple2.txt 290 B テキストファイル — クリックして見る



コピーダウンロードリンク

//関連画像がある場合 if (currentNext && currentNext.classList.contains('q1-related-image')) { const imageToShow = document.querySelector('[class*="related-image"]'); imageToShow.style.display = 'block'; imageToShow.scrollIntoView({ behavior: 'smooth' }); } else { //...省略 }

クリックして展開
sumple3.txt 234 B テキストファイル — クリックして見る



コピーダウンロードリンク

.next-button { background-color: #007540; //カラーはサイト色に合わせてます color: #fff; font-size: 20px; text-align: center; width: 60%; margin:10px auto; padding: 10px 0; cursor: pointer; border-radius: 5px; }

クリックして展開

h.shimizu