Question

我正在尝试为Google网站上的子网页创建水平标签式导航。这是应该本机支持的功能（它们支持子页面的自动垂直列表，但不支持水平），但事实并非如此，所以我尝试通过Google Apps脚本来实现。

我越来越近了，我很感激帮助把事情放在一起。

我有以下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 Script示例中，var网格显示了网格中getAllDescendants的结果。我想要的是将子页面输入到水平导航的每个选项卡中。如何将Apps脚本结果动态合并到每个选项卡中？

任何指示赞赏。

Answer 1

如前所述，您应该检查HTML服务，它更容易使用和设计

HTML SERVICE DOC

HTML SERVICE WEB APP GUIDE

如何将Google Apps脚本结果导入HTML？

1 个答案: