質問編集履歴

2 前回の修正の再修正

yotuya

yotuya score 11

2019/01/08 22:00  投稿

GASでインフレームにページを表示
```ここに言語を入力
コード
```### 前提・実現したいこと
GASのWebアプリケーションで元ページの**インフレーム**に別ページを表示したい。
GASのWebアプリケーションで元ページのインフレームに別ページを表示したい。
### 発生している問題・エラーメッセージ
元ページのインフレーム枠は表示されるが別ページが表示されない。
```
元ページのインフレーム内に
「script.google.com で接続が拒否されました。」
が表示される。
```
### 該当のソースコード
GASのWebアプリケーション
doGet関数 --------------------------------------------------
```ここに言語を入力
function doGet(e){
 var page = e.parameter["p"];
 if(page == "index" || page == null){
   return HtmlService.createHtmlOutputFromFile('**index**');
   return HtmlService.createHtmlOutputFromFile('index');
}
 else if(page == "kousin"){
   return HtmlService.createHtmlOutputFromFile('**kousin**');
   return HtmlService.createHtmlOutputFromFile('kousin');
 }
}
```
元ページ(**index**.html)---------------------------------------------
元ページ(index.html)---------------------------------------------
```ここに言語を入力
<!DOCTYPE html>
<html>
<head>
 <base target="_top">
・・・
</head>
<body>
・・・
 <iframe id="ifrmencont" name="ifram" src="https://script.google.com/macros/s/AKfycbxQOayD1oYR8kFXeFRHSzlXMJSicQvQdEvVA0yJ_SiRydfPmr2B/exec?p=**kousin**" frameborder="1" scrolling="no"></iframe>
 <iframe id="ifrmencont" name="ifram" src="https://script.google.com/macros/s/AKfycbxQOayD1oYR8kFXeFRHSzlXMJSicQvQdEvVA0yJ_SiRydfPmr2B/exec?p=kousin" frameborder="1" scrolling="no"></iframe>
</body>
</html>
```
別ページ(**kousin**.html) ------------------------------------------
別ページ(kousin.html) ------------------------------------------
```ここに言語を入力
<!DOCTYPE html>
<html>
<head>
 <base target="_self">
・・・
</head>
<body>
・・・
</body>
</html>
```
### 試したこと
1.インフレームのURLに?p=でパラメータ**kousin**を付けた。
1.インフレームのURLに?p=でパラメータkousinを付けた。
2.doGet関数で取得したパラメータで呼出すhtmlを指定した。
3.別ページのheadのtargetの_topを_selfに変えてみた。
### 補足情報(FW/ツールのバージョンなど)
googleDrive上の画像表示やcssは正常に動作しています。
使用しているブラウザはchomeの最新版です。
htmlの作成や実行はgoogleDrive上で行っています。
宜しくお願いします。
  • HTML

    15151 questions

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

1 codeを見やすく変更

yotuya

yotuya score 11

2019/01/08 21:55  投稿

GASでインフレームにページを表示
```ここに言語を入力
コード
```### 前提・実現したいこと
GASのWebアプリケーションで元ページの**インフレーム**に別ページを表示したい。
### 発生している問題・エラーメッセージ
元ページのインフレーム枠は表示されるが別ページが表示されない。
```
元ページのインフレーム内に
「script.google.com で接続が拒否されました。」
が表示される。
```
### 該当のソースコード
GASのWebアプリケーション
doGet関数 --------------------------------------------------
```ここに言語を入力  
function doGet(e){
 var page = e.parameter["p"];
 if(page == "index" || page == null){
   return HtmlService.createHtmlOutputFromFile('**index**');
}
 else if(page == "kousin"){
   return HtmlService.createHtmlOutputFromFile('**kousin**');
 }
}
```  
元ページ(**index**.html)---------------------------------------------
```ここに言語を入力  
<!DOCTYPE html>
<html>
<head>
 <base target="_top">
・・・
</head>
<body>
・・・
 <iframe id="ifrmencont" name="ifram" src="https://script.google.com/macros/s/AKfycbxQOayD1oYR8kFXeFRHSzlXMJSicQvQdEvVA0yJ_SiRydfPmr2B/exec?p=**kousin**" frameborder="1" scrolling="no"></iframe>
</body>
</html>
```  
別ページ(**kousin**.html) ------------------------------------------
```ここに言語を入力  
<!DOCTYPE html>
<html>
<head>
 <base target="_self">
・・・
</head>
<body>
・・・
</body>
</html>
```  
### 試したこと
1.インフレームのURLに?p=でパラメータ**kousin**を付けた。
2.doGet関数で取得したパラメータで呼出すhtmlを指定した。
3.別ページのheadのtargetの_topを_selfに変えてみた。
### 補足情報(FW/ツールのバージョンなど)
googleDrive上の画像表示やcssは正常に動作しています。
使用しているブラウザはchomeの最新版です。
htmlの作成や実行はgoogleDrive上で行っています。
宜しくお願いします。
  • HTML

    15151 questions

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

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る