Question

我知道如何使用createAnchor在面板中放置链接，但是我想从按钮启动链接。这有可能，如果是这样的话？

Answer 1

我已经回答了一个类似的帖子，其解决方法虽然很好，但我承认，它的功能有点复杂......

从另一篇文章转载的代码如下：我使用了一个叠加在图像上的隐形锚，但它当然可以是其他任何东西......一个按钮或任何你想要的东西。

function doGet(){
  var app = UiApp.createApplication().setStyleAttribute("background", "#CCCCFF").setTitle('Anchor Test')
  var top = '100PX';// define dimensions and position
  var left = '100PX';
  var width = '80PX';
  var height = '80PX';
  var mainPanel = app.createVerticalPanel();

  var customAnchor = app.createHorizontalPanel().setId('usethisId')
  addStyle(customAnchor,top,left,width,height,'1','1')

  var image = app.createImage("https://dl.dropbox.com/u/211279/Time-change-clock_animated_TR80.gif")
  addStyle(image,top,left,width,height,'1','1')

  var realAnchor = app.createAnchor('This is the Anchor', 'https://sites.google.com/site/appsscriptexperiments/home')  
  addStyle(realAnchor,top,left,width,height,'2','0')


  customAnchor.add(realAnchor);
  customAnchor.add(image)
  mainPanel.add(customAnchor);
  app.add(mainPanel);
  return app;
}

function addStyle(widget,top,left,width,height,z,visibility){
widget.setStyleAttributes( 
    {'position': 'fixed', 
     'top' : top,
     'left' : left,
     'width' : width, 
     'height':height,
     'opacity' : visibility,  
     'zIndex' : z});
   }

编辑：我忘了用一个按钮示例提到这篇文章......正是你想要的：How do I open a web browser using google apps script?

编辑2

在Software tester回答之后，这是一个可以放置在网格或其他任何地方的紧凑版本......只需放置名为＆＃39; container＆＃39;。

的小部件。

为了说明我将它放在以下示例/

中的网格中

link to test

代码：

function doGet(){ 
  var app = UiApp.createApplication().setTitle("Image Anchor");
  var picButton = 'https://dl.dropboxusercontent.com/u/211279/ProgressSpinner.gif'; 
  var img = app.createImage(picButton).setPixelSize(25,25);
  var grid = app.createGrid(5,2);
  for(n=0;n<5;n++){
    grid.setText(n,0,'some text').setBorderWidth(1);
  }
  var anchor = app.createAnchor(" -  ", "https://sites.google.com/site/appsscriptexperiments/").setStyleAttribute('opacity','0').setPixelSize(25,25);
  var container = app.createAbsolutePanel().setPixelSize(25,25);
  container.add(img,0,0).add(anchor,0,0);
  grid.setWidget(4,1,container);
  app.add(grid);  
  return app;
}

Answer 2

经过一些追踪和错误，我找到了一种更容易实现目标的方法。我只是创建一个显示我想要的文本的按钮的图像，并使用锚的setAttribute方法。不幸的是，我需要一个AbsolutePanel。

function doGet()
{ 
  // Problem with Google Apps :
  //    Not possible to click a Button and show a site
  //    Solutions found on StackOverflow mostly use :
  //       a) var panel  = createAbsolutePanel               --> Necessary to create an Absolute Panel
  //       b) var image  = createImage                       --> The image to be shown 
  //       c) var anchor = createAnchor                      --> Anchor making it possible to activate a url
  //       d) position the anchor on top of the image
  //       e) make anchor and image of same size
  //       f) make anchor invisible (by zIndex, opacity or visibility)
  //    
  //    One of the people showing how this works is http://stackoverflow.com/users/1368381/serge-insas who's
  //    efforts inspired me to have a look at other possibilities. (thanks !)
  //    
  //    Result     : next step in making it easy to overcome a limitation of GAS --> no createImage required anymore
  //    How        : using setAttribute('backgroundImage', Url)  method of anchor
  //    Limitation : still required to create an Absolute panel instead of a Vertical panel --> who's next to improve ??
  //
  //    Author     : SoftwareTester, may 13th, 2014

   var app = UiApp.createApplication().setTitle("Image Anchor");
   var picButton = 'https://drive.google.com/uc?id=0BxjtiwHnjnkrTVJiR1g2SlZTLVE'; // Can on be accessed be a few people
   var widthButton = 128;
   var heightButton = 24;
   var anchor = app.createAnchor("", "http://www.opasittardgeleen.nl")
                  .setHeight(heightButton).setWidth(widthButton)            
//                  .setHeight("150").setWidth("128")                         // Nice effect !!
//                  .setHeight("150").setWidth("512")                         // Even more 
                  .setStyleAttribute('backgroundImage', 'url(' + picButton + ')');

   var panel = app.createAbsolutePanel().setWidth('50%').setHeight('50%');
   panel.add(anchor,100,50);         // I would like to avoid positioning like this and just add the anchor to a Grid or VerticalPanel
   app.add(panel);  
   return app.close();
}

Answer 3

Serge Insas的答案 EDIT 2 使用网格提供了额外的灵活性。

通过学习和使用彼此的好主意一点一点地改善世界，当然也适用于软件。再次感谢Serge！

我注意到在某些情况下可能会或可能不会引起一些差异。

我总是尝试指定常量（例如width和height）并尽量减少使用类似.setPixelSize(width, height)之类的代码，这样可以更轻松地在更改＆＃39;时忘记某些内容。。这就是为什么我宁愿避免创建单独的图像对象。

当我使用.setStyleAttribute('opacity','0');时，Serge Insas使用.setStyleAttribute('backgroundImage', url);。我不知道这两种可能性的亲和者是什么。

以下是通用代码

function doGet()
{ // Generalized version using : image + opacity + container
  var app       = UiApp.createApplication().setTitle("Image Anchor");
  var width     = 25;
  var height    = 25;
  var urlImage  = 'https://dl.dropboxusercontent.com/u/211279/ProgressSpinner.gif';
  var urlAnchor = "https://sites.google.com/site/appsscriptexperiments/";

  var grid      = createImageAnchor(urlImage, urlAnchor, width, height);

  app.add(grid);
  return app;
}

，函数createImageAnchor可以是

function createImageAnchor(urlImage, urlAnchor, width, height)
{ // Using backgroundImage
   var app    = UiApp.getActiveApplication();

   var anchor = app.createAnchor("", urlAnchor).setPixelSize(width, height)
                   .setStyleAttribute('backgroundImage', 'url(' + urlImage + ')');

   var panel  = app.createAbsolutePanel().setPixelSize(width, height).add(anchor, 0, 0);
   var grid   = app.createGrid(1, 1).setWidget(0, 0, panel); // Create grid and put anchor in it

   return grid;   
}

或

function createImageAnchor(urlImage, urlAnchor, width, height)
{ // Using opacity
   var         = UiApp.getActiveApplication();

   var image   = app.createImage(urlImage).setPixelSize(width, height);
   var anchor  = app.createAnchor("", urlAnchor) .setPixelSize(width, height)
                    .setStyleAttribute('opacity','0');

   var panel   = app.createAbsolutePanel().setPixelSize(width, height)
                    .add(image, 0, 0).add(anchor, 0, 0);      // Same position for image and anchor
   var grid    = app.createGrid(1, 1).setWidget(0, 0, panel); // Create grid and put image + anchor in it

   return grid;   
}

使用createImageAnchor可以更轻松地使用此组合对象＆＃39;在代码中的任何地方，特别是在将其添加到库中之后。

由于我是GAS的新手（在5年不活动后7月7日开始），我知道我需要学习很多东西，并且想知道不同的专业人士和不同的人方法是。

如何从按钮启动网站

3 个答案:

编辑2