2014-09-23 50 views
0

我想創建一個腳本,在右側有一個日期選擇器。下面的代碼將允許用戶創建一個文件,命名日期是當他點擊日期選擇器中的某個日期。我的問題是如何在瀏覽器中打開/顯示文件?如何在google腳本中onclick後自動顯示google文檔?

這是我的谷歌腳本代碼....

  function onOpen(e) { 
      DocumentApp.getUi().createAddonMenu() 
      .addItem('Start', 'showSidebar') 
       .addToUi(); 

       } 



      function creatediary(x) { 



      //var doc = DocumentApp.create(x); 
      //var retrievedID = DocumentApp.getID(doc); 
      //var doc = DocumentApp.openById(doc); 

     } 

      function listFiles(z) { 
      var files = DriveApp.getFiles(); 
      var doc = DocumentApp.create(z); 
     while (files.hasNext()) { 
      var file = files.next(); 
      if(file.getName() === z){ 
      var retrievedID = file.getId(); 
      var retrievedurl = file.getUrl(); 
      //var doc = DocumentApp.create(retrievedurl); 
      //var doc = DocumentApp.create(retrievedID); 
     var doc = DocumentApp.openById(retrievedID); 
      //showURL('Open document named "'+z+'"',retrievedurl); 


     } 
     ; 

      } 

     } 


    function onInstall(e) { 
     onOpen(e); 
     } 


     function showSidebar() { 

     var ui = HtmlService.createHtmlOutputFromFile('Sidebar') 
      .setTitle('Diary'); 
     DocumentApp.getUi().showSidebar(ui); 

      } 

這是我的.html代碼...

   <html lang="en"> 
      <head> 


      </head> 
      <style> 
      div.ui-datepicker{ 
      font-size:10px; 
       } 

      </style> 



       <div> 
       <meta charset="utf-8"> 
       <title>jQuery UI Datepicker - Default functionality</title> 
       <link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css"> 
       <script src="//code.jquery.com/jquery-1.10.2.js"></script> 
       <script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script> 
       <link rel="stylesheet" href="/resources/demos/style.css"> 

       </div> 
       <script> 
       $(function() { 
       $("#datepicker").datepicker(
         { 
          onSelect: function() 
          { 

         var dateObject = $(this).datepicker('getDate'); 
         document.getElementById("demo").innerHTML = dateObject; 
         //var doc = DocumentApp.create("sample"); 
         //DriveApp.createFile(dateObject, 'Diary'); 

        google.script.run.creatediary(document.getElementById("demo").innerHTML); 
        google.script.run.listFiles(document.getElementById("demo").innerHTML); 



         } 
        }); 
         }); 






         </script> 

         <body> 
        <p id="demo"></p> 
         <p>Date: <input type="text" id="datepicker"></p> 

         <iframe src="https://www.google.com/calendar/embed?        
         src=gttvlnnqitf8atif2rreplcdl0%40group.calendar.google.com&ctz=Asia/Manila"  style="border: 0" width="800" height="600" frameborder="0" scrolling="no"></iframe> 





        </body> 

         </html> 
+0

這是腳本綁定到電子表格,文檔,等等?腳本是獨立的,因爲它是自己的應用程序?您是否希望剛創建的文檔與網頁顯示在不同的選項卡中?或者你只是想打開文件?用戶可以點擊鏈接打開文檔。您需要使用新文件名動態配置鏈接。 – 2014-09-25 02:29:44

+0

你也可以看到這個StackOverflow問題:[Stack Overflow從Google Apps腳本打開文檔](http://stackoverflow.com/questions/16587781/is-there-a-way-to-open-a-new-document -from-A-谷歌-文檔應用內腳本?RQ = 1) – 2014-09-25 02:31:45

回答

0

正如所敘述的(Stack Overflow Open a doc from Google Apps Script),Google Apps腳本不允許腳本自動導航到其他URL或打開其他文件。

你可以,但是,使用腳本來獲得的URL文件,並將其呈現給用戶一個鏈接,以便他們可以打開它:

var doc = DocumentApp.create(fileName); 
var url = doc.getUrl(); 
// Give the url to the user via a dialog, link in a doc, link in an email or 
// another method 
相關問題