質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Google Apps Script

Google Apps ScriptはGoogleの製品と第三者のサービスでタスクを自動化するためのJavaScriptのクラウドのスクリプト言語です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

1回答

1709閲覧

Google Apps scriptで3分割画面を表示させるには

rena_168

総合スコア72

Google Apps Script

Google Apps ScriptはGoogleの製品と第三者のサービスでタスクを自動化するためのJavaScriptのクラウドのスクリプト言語です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2021/05/13 05:53

GASで3分割の画面を作成したいのですが、ローカルで作成したHTMLをGASのHTMLにコピーしてみたけど、うまく表示されません。
GASでは、framesetタグは使えないのでしょうか?もし使えないのであれば、他にやり方を教えていただけますでしょうか?

宜しくお願いします。
main.html

HTML

1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> 2<html> 3<head> 4<title>test</title> 5</head> 6 7<frameset rows="50,*"> 8 9<frame src="header.html" name="frame1" title="上フレーム"> 10 11<frameset cols="250,*"> 12<frame src="left.html" name="frame2" title="左フレーム"> 13<frame src="right.html" name="frame3" title="右フレーム"> 14</frameset> 15 16<noframes> 17<body> 18<p>フレームの代替内容</p> 19</body> 20</noframes> 21 22</frameset> 23 24</html>

header.html

HTML

1<html> 2<head> 3<title>フレームのトップ</title> 4</head> 5 6<body style="background-color: #00008b;color: #ffffff;font-size: 1.25em;text-align : center;padding:5px 0;overflow: hidden;"> 7<center>header</center> 8</body> 9</html>

left.html

HTML

1<html> 2 <head><title>検索</title></head> 3 4 <body bgcolor="#dcdcdc" link="blue" alink="blue" vlink="blue"> 5 <input type="search" name="search" placeholder="会社名を入力"> 6 <input style="background:#00008b;color:#ffffff;" type="submit" name="submit" value="検索"><br><br> 7 <a href="frame-top.html"target="migi">トップページ</a> 8 <br><br> 9 <a href="hajime.html" target="migi">HTMLの基礎知識</a> 10 <br><br> 11 <a href="mojifont.html" target="migi">文字フォントのサンプル</a> 12 <br><br> 13 <HR> 14 <br> 15 <a href="http://www.yahoo.co.jp/" target="_top">ヤフー</a> 16 <br><br> 17 <a href="http://www.bunkyo.ac.jp/" target="_blank">文教大学</a> 18 <br><br> 19 </body> 20</html>

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

framesetは現在非推奨なようなので動かないかもしれませんね。

今は、iframeを使う形になると思います。
GASでインフレームにページを表示

ただ、gas自体でhtml作るのは制約※がありなかなか面倒なので、
vue/vuetifyが、CDN(URLを読みこませる) で入れられるので
入れた方が早くて綺麗に作りやすいのでおすすめです。

※画面遷移できない、動的にしようとすると書き換えがinnerHTMLを多用する必要があるなど。

vuetifyテンプレ

投稿2021/05/14 13:37

Tatsunosuke

総合スコア599

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

rena_168

2021/05/19 08:03

ご回答ありがとうございます! 結局DIVで解決できました!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問