2017-09-01 1 views
0

私はユーザーがテキストをテキストエリアに入力するウェブサイトを持っています。 このテキストはデータベーステーブルに保存され、後でdiv要素に表示されますデータにタブ記号が含まれている場合のデータフォーマット

時々ユーザーがエクセルからテキストエリアにデータを貼り付けます。テーブルレイアウトをデータベースから取り出して提示した後にエクセルから保持したい場合があります私のWebページ上のそれ

例:
test cat1 cat2 data1 1 2 data2 3 5 data3 6 5

はそれはそれは、タブ記号がデータである場合は、ページにコードチェックをロードするには(おそらくJSで)は可能ですか?そして、はいの場合、そのデータをHTMLテーブルとしてフォーマットしますか?

答えて

0

TRY以下のとおりです。ちょうどあなたにアイデアを与える。

var body = document.getElementsByTagName('body')[0]; 
var text = document.getElementByID("txtareaID").value; 

var isTab = text.indexOf("\t"); 

if(isTab != '-1') 
{ 
var tableCell = text.split("\t"); 
var table = document.createElement('table'); 
var tbdy = document.createElement('tbody'); 
var tr = document.createElement('tr'); 

for (var i = 0; i < tableCell.length ; i++) { 

      var td = document.createElement('td'); 
      td.innerText = tableCell[i]; 
      tr.appendChild(td); 

    } 
    tbdy.appendChild(tr); 
} 
tbl.appendChild(tbdy); 
body.appendChild(tbl); 
} 
+0

解決策でした.thx –

0

\tを使用してタブ文字を確認し、文字が文字列内に存在するかどうかを確認できます。このようなもの

var text = "test cat1 cat2 data1 1 2 data2 3 5 data3 6 5"; 
var tabsFound = text.indexOf("\t"); 
+0

正しい方向に私を助けます。 \ tが見つかった場合はどうすればhtmlテーブルを作成できますか? –

+0

私はこの投稿が役に立つかもしれないと思います。しかしカンマの代わりにタブがあります。 [コンマで区切られた文字列からHTMLテーブルを作成するjavascript](https://stackoverflow.com/questions/10612667/create-html-table-from-comma-separated-strings-javascript) –

関連する問題