嵌入在網頁中的Google表格

Question

我的網頁中嵌入了Google工作表，希望能夠點擊同一頁面上的鏈接並將其更改為其他電子表格。 例如：

鏈接1（加載Google表單1）
鏈接2（加載Google表格2）
鏈接3（加載Google表格3）

當我點擊鏈接1時，電子表格在我的網頁中顯示正常。 我現在想要從鏈接1點擊鏈接2清除Google表單1並在頁面上的同一位置加載Google表格2。 然后，鏈接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&amp;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;">

Answer 1

試試這個...它只使用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>

用不同的電子表格替換鏈接

嵌入在網頁中的Google表格

問題描述

1 個解決方案

解決方案1
3 2019-03-05 16:07:13

嵌入在網頁中的Google表格

問題描述

1 個解決方案

解決方案1 3 2019-03-05 16:07:13

解決方案1
3 2019-03-05 16:07:13