1. ホーム
  2. 質問と答え
  3. HTMLファイルにExcelテーブルを挿入する

HTMLファイルにExcelテーブルを挿入する

2016-05-26 17 views
0

私は一連のWebページを作成しようとしています。それぞれにテーブルがあります（言う）。また、このWebページのユーザーは、検索などの操作を行う必要があります。テーブルにしかし、彼はテーブルがExcelシートにあり、Webページ内で定義されていないようにして、好きなときにいつでも行や列を追加したり、既存のデータを編集したりすることができます。HTMLファイルにExcelテーブルを挿入する

名前を付けて保存 - >ウェブページ - >公開を使用してExcelファイルをHTMLページに変換しました。今では、getElementByTagName（ "table"）を使って直接テーブルにアクセスできるように、HTMLファイルのソースコードをWebページのHTMLに追加しようとしました。

これを行うには、私はオンラインでの検索をいくつか試みました。

まず道

<div w3-include-html="animals.html"></div>

第二の方法

<script> 
    $(function(){ 
     $('#header').load("animals.html"); 
    }); 
</script>

第三の道

<!--#include file="animals.html" -->

4番目の方法

<iframe> tag

これらのどれも動作していないようです。また、Excel.htmのソースコードを変更することはできませんので、Excelで入力してください。私はjavascriptとHTMLに新しいので、いくつかの明白な方法がある場合は私が私を助けてください行方不明です。そうでない場合、HTMLファイルはExcelからHTMLコードにテーブルをインポートすることができます。そのため、いくつかの操作を実行できます。

私はJQuery、PHP、ASP、SQLなどを知らない。

出典

2016-05-26 aravind

答えて

0

あなたのHTMLページでAJAXリクエストを発し、AJAXの応答を<div>のようなコンテナに入れてください。

$.get('animals.html', function(response){ 
    // put response at some div, 
    $('div').html(response); 
});

も<head>でこれを追加することを忘れていけない：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

出典

2016-05-26 13:30:30

+0

あなたは '$に.getで第一パラメータに与えるとあなたは同じパスにブラウザで直接あなたの' animals.html'ファイルを開く必要があります'関数を呼び出して開きます。 –

+0

タグを使用してコードを挿入しました。しかし、var y = document.getElementsByTagName（ "table"）; y [0]にテーブルを取得しません。挿入されたhtmlファイルのタグが原因ですか？ – aravind

+0

コンソールで 'HTML table'を見ることができますか？ –

関連する問題

 関連する問題