Блог

Главная - Вопросы по программированию - Google AppScript не запускает onclick для html

Google AppScript не запускает onclick для html

#javascript #html #google-apps-script

Вопрос:

Google Appscript не запускает onclick для HTML. Я пишу функцию на листе Google, чтобы отобразить диалоговое окно с кнопкой. При нажатии кнопки соответствующая функция должна быть запущена. На данный момент это манекен, который изменяет текст абзаца. Я также встроил предупреждающее сообщение, но оно не срабатывает.

 function showPicker() {
  var html = HtmlService.createHtmlOutputFromFile('Dialog.html')
      .setWidth(600)
      .setHeight(425)
      .setSandboxMode(HtmlService.SandboxMode.IFRAME);
    
    SpreadsheetApp.getUi().showModalDialog(html, 'Select a file');
}


<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="https://ssl.gstatic.com/docs/script/css/add-ons.css">
  <script src="https://apis.google.com/js/api.js?onload=onApiLoad"></script>
  <script>
    // IMPORTANT: Replace the value for DEVELOPER_KEY with the API key obtained
    // from the Google Developers Console.
    var DEVELOPER_KEY = '....';
    var DIALOG_DIMENSIONS = {width: 600, height: 425};
    var pickerApiLoaded = false;

    
  function CheckExecute() {
    Browser.msgBox("Hello World!");
    document.getElementById('folderselected').innerHTML = '<b>Folder Id is:</b>';'



  }


  </script>
</head>
<body>
  <div>
   
    <p id='result'></p>
    <p id='folderselected'>This is check area again</p>
    <button onclick="CheckExecute();">Click me</button>
    <p id='folderselected1'>This is check area 2</p>
  </div>
  
</body>
</html>

Ответ №1:

Получение обозревателя ошибок не определено.

Переключился на оповещение, и теперь это работает..

 <!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="https://ssl.gstatic.com/docs/script/css/add-ons.css">
  <script src="https://apis.google.com/js/api.js?onload=onApiLoad"></script>
  <script>
    var DEVELOPER_KEY = '....';
    var DIALOG_DIMENSIONS = {width: 600, height: 425};
    var pickerApiLoaded = false;

    
  function CheckExecute() {
    alert("Hello World!");
    document.getElementById('folderselected').innerHTML = '<b>Folder Id is:</b>';
  }

  </script>
</head>
<body>
  <div>
   
    <p id='result'></p>
    <p id='folderselected'>This is check area again</p>
    <button onclick="CheckExecute();">Click me</button>
    <p id='folderselected1'>This is check area 2</p>
  </div>
  
</body>
</html>

Возможно, вам захочется потратить некоторое время на изучение того, как использовать консоль для отладки html

Метки: