javascriptは１年生です＾＾データバインドを利用して、テーブルにデータを表示しています。 document.write(" "); document.write(" "); document.write(" "); document.write(" "); document.write(" "); document.write(" "); document.write(" "); とこんな感じで続くのですが、csvファイルのデータには、セル幅や背景色等の設定値も含まれています。これらのデータは表示用のデータではないので、変数として取込まなければなりません。普通なら、bodyタグの中に、と書いて、そこからjavascriptで取込むことは可能ですが、document.writeを使うとbodyタグの中が書き換わってしまうので使えません。（csvファイルの１行分のデータを、HTMLのテーブルで表示する時には、4行～6行と行数が変動するので、予めテーブルをbodyタグの中に書いておくことが出来ません。テーブル行数はスクリプト内で決定するので。なのでbodyタグの中は空でオールjavascriptでHTMLを生成しています）もう一つの方法はフレームを使って、parentで、データを送ることも考えたのですが、もっとスマートな方法はないでしょうか？？

データバインドで色々調べてみました。以下のようにすると変数(配列)に格納できそうです。お試し下さい。前提は６フィールドの内、３フィールドを表示（data1～data3）、残り３フィールド（data4～data6）を配列に格納する場合です。 function start(){ setData.Reset();//リセット var rs = setData.recordset; data=new Array(); for(i=0;i

csvファイルのデータを変数として取込むには？

解決済

質問者：shochan49
質問日時：2006/01/23 16:55
回答数：5件

javascriptは１年生です＾＾
データバインドを利用して、テーブルにデータを表示しています。

document.write("<object id='setData' classid='clsid:333C7BC4-460F-11D0-BC04-0080C7055A83'>");
document.write("<param name='DataURL' value='setdata.csv'>");
document.write("<param name='UseHeader' value='true'>");
document.write("</object>");
document.write("<table border='1' datasrc='#setData'>");
document.write("<tr>");
document.write("<td><span datafld='data1'></span></td>");

とこんな感じで続くのですが、csvファイルのデータには、セル幅や背景色等の設定値も含まれています。

これらのデータは表示用のデータではないので、変数として取込まなければなりません。
普通なら、bodyタグの中に、
<input type="hiden" datafld="optionData1">
と書いて、そこからjavascriptで取込むことは可能ですが、document.writeを使うとbodyタグの中が書き換わってしまうので使えません。

（csvファイルの１行分のデータを、HTMLのテーブルで表示する時には、4行～6行と行数が変動するので、予めテーブルをbodyタグの中に書いておくことが出来ません。テーブル行数はスクリプト内で決定するので。なのでbodyタグの中は空でオールjavascriptでHTMLを生成しています）

もう一つの方法はフレームを使って、parentで、データを送ることも考えたのですが、もっとスマートな方法はないでしょうか？？

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (5件)

ベストアンサー優先
最新から表示
回答順に表示

No.5ベストアンサー

回答者： arenani_sorenani
回答日時：2006/01/26 18:07

データバインドで色々調べてみました。

以下のようにすると変数(配列)に格納できそうです。
お試し下さい。

前提は６フィールドの内、
３フィールドを表示（data1～data3）、
残り３フィールド（data4～data6）を配列に格納する場合です。

<script>
function start(){

setData.Reset();//リセット

var rs = setData.recordset;
data=new Array();
for(i=0;i<rs.RecordCount;i++){
data[i]=new Array();
data[i][0]=rs.Fields("data4").value;
data[i][1]=rs.Fields("data5").value;
data[i][2]=rs.Fields("data6").value;
rs.MoveNext();
}

setData.Reset();//リセット

//格納されたか確認
for(i=0;i<rs.RecordCount;i++){
alert(str=data[i].toString());
rs.MoveNext();
}

setData.Reset();//リセット

}
</script>

<body onload="start()">

<object id="setData" classid="clsid:333C7BC4-460F-11D0-BC04-0080C7055A83">
<param name="DataURL" value="setdata.csv">
<param name="UseHeader" value="true">
</object>

<table datasrc="#setData" border="1">
<tr>
<td><span datafld="data1"></span></td>
<td><span datafld="data2"></span></td>
<td><span datafld="data3"></span></td>
</tr>
</table>

</body>

- 0
- 件

通報する

この回答へのお礼

更なるご回答ありがとうございます。
別なページを用意しなくても出来そうですし、これが一番スマートかも知れませんね。
（URLを使ってデータを転送することを試みたのですが、出来ることは出来ましたが、データ丸見えでスマートじゃありませんでした＾＾；）
このスクリプトを参考にさせていただきます。なんとか解決の糸口が見えてきそうです！
ありがとうございました。

通報する

お礼日時：2006/01/26 23:13

No.4

回答者： arenani_sorenani
回答日時：2006/01/24 00:48

カレンダーということなのでデータは恐らく日～土の７カラムの行が少ない場合で４行

多い場合は6行。このデータと各日ごとにカスタマイズする表示形式の指示が同じＣＳＶ上
に書かれてるという理解でよろしいでしょうか。

＞それで設定画面を別に作り、CGIで幅や背景色等の設定値をcsv形式で保存するようにし

ＣＧＩでデータを書き出す際に、日にちのデータと表示のデータを切り分け、
日にちのデータはＣＳＶ、表示形式は最大31要素の２次元配列としてjsファイルに書き出す
ようにＣＧＩを書き換えれば一番簡単化かなと思います。

それが無理なら表示要素のデータを右によせてdisplay：noneで非表示
tableの子要素のinnerTextから非表示列の表示データを拾いあげて配列に格納する。

データバインドではなく、隠しインラインフレームにCSVをplaintextとして読込んでカンマで切り分け、
変数に配列として格納するクラスを提供している方がいますので
下記ＵＲＬもご参照ください。

参考URL：http://www5c.biglobe.ne.jp/~horoau/js_library/da …

- 0
- 件

通報する

この回答へのお礼

ご回答ありがとうございます。
ちょっと忙しくなって、ご提案いただいた方法について検証する時間がなく、お返事が遅くなってしまいました。

　display：noneで非表示するというアイデアは思いつきませんでした。いいかも知れませんね＾＾

参考ＵＲＬを見てみましたが、面白そうなので時間のあるときに勉強してみたいと思います。

通報する

お礼日時：2006/01/26 23:03

No.3

回答者： U40
回答日時：2006/01/23 21:56

各人のパソコンの設定如何では使用不能ですね。

セキュリティホールを開けなければならないので。
なぜ CGI が普及したのか、教科書の最初の3ぺージ程度を読んで
理解し、納得し、CGI の習得に励むのが最もスマートでしょう。

- 0
- 件

通報する

この回答へのお礼

ご回答ありがとうございます。
CGIは自分で作ることは出来ないものの、簡単な改造程度なら、なんとか・・・なんですが＾＾
今回の設定値のcsvファイルの保存に関しても、<< のところを < にして上書き保存にしたりとか・・・
そんなわけで、最初からCGIで出来れば一番なのは分かっているのですが＾＾；
CGIについては是非習得したいと思っています。

通報する

お礼日時：2006/01/25 16:24

No.2

回答者： BLUEPIXY
回答日時：2006/01/23 20:24

>CGIで幅や背景色等の設定値をcsv形式で保存するようにし、見る側は、どのパソコンでも同じ設定で見えるようにしたいのです。

表示に関する設定部分をＸＭＬとして保存し、Ajax的なやり方で設定を取り込む様にしたらどうでしょうか。

- 0
- 件

通報する

この回答へのお礼

ご回答ありがとうございます。
Ajaxというのは何度か聞いたことがありますが、先日初めて検索して関連サイトを覗いてみました。
これについては今後の課題ということで＾＾

通報する

お礼日時：2006/01/25 16:18

No.1

回答者： arenani_sorenani
回答日時：2006/01/23 17:31

質問の内容が曖昧で何を聞きたいのかが良く分かりません。

そもそもCSVに表示しないdataを含ませる意味がわかりません。
セルの幅や背景色ならCSSまたはjsの外部ファイルに切り分ければ済む事と思いますが。

この回答への補足

云わば、「カレンダー・メーカー」なるものと考えて下さい。CGIで色々探したのですが、合うものがありませんでした。
（会社によっては水曜日が休日でもカレンダーの色が赤にならない等）
それでjavascriptで作ることになりました。CGIとかは出来ませんので＾＾；
javascriptがクライアント側で動作するため、設定したものが、他のPCでは反映されずに初期値で表示してしまいました。当然ですね＾＾；
それで設定画面を別に作り、CGIで幅や背景色等の設定値をcsv形式で保存するようにし、見る側は、どのパソコンでも同じ設定で見えるようにしたいのです。

補足日時：2006/01/23 17:38

通報する