Est-il un moyen d'agrandir une image sur le clic de la souris dans des Feuilles de calcul Google?

Vous pouvez affecter des scripts à des images, mais il n'ya aucun moyen que je peux voir) pour le script de comprendre que l'image est cliquée. Aussi le script peut insérer une nouvelle image, mais ce ne sera pas un script assigné, donc on ne peut pas le faire disparaître sur cliquez sur.

Je suppose que vous pourriez attribuer un script qui permettrait d'ouvrir l'image à l'aide du service HTML comme ceci:

Agrandir l'Image Clic

Mais vous devez soit faire une fonction distincte pour chaque image, de sorte qu'il peut charger la source dans le code HTML, ou d'identifier l'image qui est cliqué en quelque sorte (je vais avoir un pense, mais je ne pense pas que cela peut être fait).

Edit: Script ci-dessous. Première image doit s'exécuter popUp1 et la deuxième image doit s'exécuter popUp2. Il y a peut être une solution plus élégante pour l'approvisionnement de l'HTML avec les différentes URL de l'image mais cela fonctionne.

code.gs

function onOpen() {
  var ui = SpreadsheetApp.getUi();
  //Or DocumentApp or FormApp.
  ui.createMenu('Actions')
  .addItem('Authorise', 'Auth')
  .addToUi();
}

function Auth() {
  SpreadsheetApp.getActiveSpreadsheet();
}


function popUp1() {
  var html = HtmlService.createHtmlOutputFromFile('index1')
      .setSandboxMode(HtmlService.SandboxMode.IFRAME);
  html.setHeight(400);
  html.setWidth(600);
  SpreadsheetApp.getUi()
      .showModalDialog(html, 'Image');
}

function popUp2() {
  var html = HtmlService.createHtmlOutputFromFile('index2')
      .setSandboxMode(HtmlService.SandboxMode.IFRAME);
  html.setHeight(400);
  html.setWidth(600);
  SpreadsheetApp.getUi()
      .showModalDialog(html, 'Image');
}

index1.html

<form>
  <div id="closeDiv"><font face="arial" size="1">Click the image to close...</font></div>
  <img src="http://www.hdwallpapersimages.com/wp-content/uploads/2014/01/Winter-Tiger-Wild-Cat-Images-540x303.jpg" alt="DJ BBQ" style="width:540px;height:303px;" onClick="closeImage()">
</form>

<script type="text/javascript">
  function closeImage() {
    google.script.host.close();
  }
</script>

index2.html

<form>
  <div id="closeDiv"><font face="arial" size="1">Click the image to close...</font></div>
  <img src="http://www.keenthemes.com/preview/metronic/theme/assets/global/plugins/jcrop/demos/demo_files/image1.jpg" alt="DJ BBQ" style="width:540px;height:303px;" onClick="closeImage()">
</form>

<script type="text/javascript">
  function closeImage() {
    google.script.host.close();
  }
</script>

OriginalL'auteur SBmore