app/template/user_data/opinion.twig line 1

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  3. {% block main %}
  4. <div id="iframe-container" style="width: 100%; overflow: hidden;">
  5.     <iframe 
  6.         id="opinion-frame"
  7.         src="https://docs.google.com/forms/d/e/1FAIpQLScIpwCFxDrZp37mo1tiYjX9rSsA664qTRKUQIcLTuigZn3ctg/viewform?embedded=true"
  8.         style="width: 100%; border: none;"
  9.         loading="lazy"
  10.         allowfullscreen
  11.     marginwidth="0">読み込んでいます…</iframe>
  13. </div>
  14. <style>
  15.     body {
  16.     padding-top:150px;
  17.     }
  18. </style>
  20. <script>
  21.   function resizeIframe() {
  22.     const header = document.querySelector('#site_header'); // ←ヘッダー要素のID
  23.     const footer = document.querySelector('#site_footer'); // ←もしあれば
  24.     const headerHeight = header ? header.offsetHeight : 0;
  25.     const footerHeight = footer ? footer.offsetHeight : 0;
  26.     const availableHeight = window.innerHeight - headerHeight - footerHeight;
  27.     document.getElementById('opinion-frame').style.height = availableHeight + 'px';
  28.   }
  30.   window.addEventListener('load', resizeIframe);
  31.   window.addEventListener('resize', resizeIframe);
  32. </script>
  35. {% endblock %}