Google Sheets встроен в веб-страницу - PullRequest
Новая
       40

Google Sheets встроен в веб-страницу

0 голосов
/ 04 марта 2019

В мою веб-страницу встроен лист Google, и я хочу щелкнуть ссылку на той же странице и изменить ее на другую электронную таблицу.Например:

Ссылка 1 (загружает Google лист 1)
Ссылка 2 (Загружает Google лист 2)
Ссылка 3 (Загружает Google лист 3)

Когда я нажимаю ссылку 1электронная таблица хорошо видна на моей веб-странице.Теперь я хочу нажать на ссылку 2, очистить лист 1 Google от ссылки 1 и загрузить лист 2 Google в том же месте на странице.Ссылка 3 будет загружать Google лист 3 при нажатии на.

Есть идеи, как это сделать? 

    $(document).ready(function(){
       $("#HD").click(function(){
        $('#result').load('https://docs.google.com/spreadsheets/d/e/2PACX-1vQzTUQh0_LJWxHRYiSeOpw1Qy5-TJ3mKPQVVC3kQzGh-6ZlCO0ujbRDH1jVowBYXP06x-3trgRji8Bc/pubhtml?widget=true&headers=false');

       }); 
<div class="row">
        <section class="6u">
        <ul class="default">
        <li><a id=HD href="#">Military Headstone Application</a></li>
</ul>

<div class="row">
  <section class="6u">
    <ul class="default">
      <iframe width=1400 height=900 src="https://docs.google.com/spreadsheets/d/e/2PACX-1vQzTUQh0_LJWxHRYiSeOpw1Qy5-TJ3mKPQVVC3kQzGh-6ZlCO0ujbRDH1jVowBYXP06x-3trgRji8Bc/pubhtml?widget=true&amp;headers=false"></iframe>
        <div id="result" style="clear:both;">

1 Ответ

0 голосов
/ 05 марта 2019

Попробуйте это ... Он использует только HTML.

Ответ от здесь 

<html>
<p>Click on links bellow to change iframe content:</p>
<a href="https://docs.google.com/spreadsheets/d/e/2PACX-1vQzTUQh0_LJWxHRYiSeOpw1Qy5-TJ3mKPQVVC3kQzGh-6ZlCO0ujbRDH1jVowBYXP06x-3trgRji8Bc/pubhtml?widget=true&amp;headers=false" target="sheets_embed">Link 1</a> -
<a href="https://bing.com" target="sheets_embed">Link 2</a> -
<a href="https://en.wikipedia.org" target="sheets_embed">Link 3</a>

<iframe src="https://docs.google.com/spreadsheets/d/e/2PACX-1vQzTUQh0_LJWxHRYiSeOpw1Qy5-TJ3mKPQVVC3kQzGh-6ZlCO0ujbRDH1jVowBYXP06x-3trgRji8Bc/pubhtml?widget=true&amp;headers=false" width="100%" height="100%" name="sheets_embed"></iframe>
</html>

Заменить ссылки на разные таблицы

...