私は、Googleサイトのサブページ用に水平タブナビゲーションを作成しようとしています。これは、ネイティブでサポートする必要がある機能です(サブページの自動垂直リストをサポートしますが、水平ではありません)。しかし、そうではないため、Google Apps Scriptを使用して対応しようとしています。Google Apps Scriptの結果をHTMLにフィードするにはどうすればよいですか?
私は近づいています。私は物事をまとめるのに感謝します。
私は私のタブを飾るために、次のHTMLを持っている:
<base target="_parent">
<style type="text/css">
body {margin:0; padding:0;}
a {display:block; float:left; margin-right:2px; font:bold 12px Verdana; color:#ffffff !important; background-color:#B91C00; padding:8px 12px; text-decoration:none; outline:none;}
a:hover, a:focus, a:visited {color:#ffffff !important; background-color:#c1c1c1;text-decoration:none !important}
</style>
<nav>
<a href="#">Overview</a>
<a href="#">Bus. Reqs</a>
<a href="#">Positioning</a>
<a href="#">Competitive</a>
<a href="#">Selling</a>
<a href="#">Implementation</a>
<a href="#">Version History</a>
</nav>
私は、サブページのリストを取得するには、次のGoogle Appsスクリプトを持っている:
function doGet() {
var app=UiApp.createApplication().setTitle("Directory of this site")
var mainPanel = app.createAbsolutePanel().setStyleAttributes({background:'beige',padding:'20px'});
var scroll = app.createScrollPanel().setPixelSize(450,300);
var thisPage = SitesApp.getActivePage();
var pages = thisPage.getAllDescendants();
var grid = app.createGrid(pages.length,2).setWidth(400)
for(n=0;n<pages.length;++n){
grid.setText(n, 0, pages[n].getName()).setWidget(n, 1, app.createAnchor('open', pages[n].getUrl()))
}
app.add(mainPanel.add(scroll.add(grid)))
return app
}
上記Appsスクリプトの例では、 varグリッドは、グリッド内のgetAllDescendantsの結果を表示します。私が代わりにしたいのは、私の水平ナビゲーションの各タブにサブページを送ることです。 Apps Scriptの結果を各タブに動的にマージするにはどうすればよいですか?
あなたがHTMLのサービスを確認する必要があります前に述べたように
です。また、使用しているものが推奨されなくなったため、htmlServiceを使用することをおすすめします。その時点では、はるかに大きなオーディエンスを持つappsスクリプトから独立した "通常の" htmlの質問になります。 –