左右2分割の表の左側にgoogleマップで作ったルートをiframeで表示させて、右側はツーリングルート表を4個作って、名前を1-4に分けてアップロード。それぞれをiframeで表示させてあります。
鹿児島ツーリングの表は
https://gpx750r.tripod.com/2022-akashitabi/2022-akashitabi-table-iframe-2.html
に表だけページを作ってアップしておいて、(上のアドレスをC&Pし、アドレスバーへ入れると表だけのページが見れます。後ろを-1,-3,-4に変更すると同じように別表だけのページが出てきます。)
なぜこうしたのかというと、同じ表をindex、まとめページ、ツーリング日ごとのページ(鹿児島だと5ページ)に書いてあり、出来上がったページへのリンクを書き終わっているページでもツーリングページを作るたびにすべて更新しなければならないことに気が付いたからです。、、、面倒くさい、、、
んで、4つの表に分けて、iframeで各ページに読み込めば、書き終わったページは更新する必要がない!!なんと合理的。
<iframe
src="https://gpx750r.tripod.com/2022-akashitabi/2022-akashitabi-table-iframe-2.html"
marginheight="0" marginwidth="0"
style="height: 225px; width:90%;"
frameborder="0">
を記述しています。
iframe幅のほうはパーセントで表示できるのでブラウザの幅を縮めていくと下側へ左右用スクロールバーが出てくる形になります。(いまそうですね。地図を左に置いたので幅が足りません。表の中に置いているのも理由ですが。)が、上下の長さは通常ピクセル単位での指示となっているようです。このため表示側(ここ)のiframeの長さを少し長めにとるようにしておかないと(height: 225px)、上下用スクロールバーが右にも出てきてしまいます。
私にはできませんが、表示の長さを測って、フィードバックさせることでぴったり長さにできる、スクリプトなるものがあるようです。
こうなるとお手上げなので、ページの表の中のバックの色と、iframe-*.htmlのバックの色を同色にして目立たなくしてみました。
初心者の頭の体操になりますが記述場所間違ったり、<.>点一つで見えなかったり。うまくいかないときに探し出すのが大変です。