2016-05-18 15 views
0

私は、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のサービスを確認する必要があります前に述べたように
+0

です。また、使用しているものが推奨されなくなったため、htmlServiceを使用することをおすすめします。その時点では、はるかに大きなオーディエンスを持つappsスクリプトから独立した "通常の" htmlの質問になります。 –

答えて

0

は、それは非常に使いやすく、デザインあなた自身のナビゲーション、サイトからではないネイティブの水平ナビゲーションバーを作成する必要が

HTML SERVICE DOC

HTML SERVICE WEB APP GUIDE

関連する問題