-->
./
<!-- フラ&#65533;ュが見れな&#65533;のためにここに何か書&#65533; --> フラ&#65533;ュがインス&#65533;&#65533;ルされて&#65533;&#65533;たいで&#65533;&#65533;&#65533;

2010年03月29日

prototype.jsの利用。CSVファイルを読み込み,表組で表示する。

Ajaxを学ぶ

prototype.jsの利用。CSVファイルを読み込み,表組で表示する。

 参考にさせていただき、Linuxなので少し修正しました。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Ajaxで,CSVファイルを読み込み表組で表示する - 03</title>
    <script type="text/javascript" src="javascripts/prototype.js"></script>
    <script type="text/javascript"><!--
        function loadText(fName) {
            var fileName = fName + "?cache=" + (new Date()).getTime();
            new Ajax.Request(fileName, { method: "get",
                onSuccess: displayData});
        }
        function displayData(pinObject) {
            var textLine = pinObject.responseText;
            if (textLine.substr(textLine.length-1,1)=="\n") {
                textLine = textLine.substr(0, textLine.length-1); }
              textLine = '<table border="1" cellspacing="0"><tr><td style="padding-left:5px">' + textLine;
              repWord = new RegExp(",", "g");
              textLine = textLine.replace(repWord, "</td><td style=\"padding-left:5px\">");
              repWord = new RegExp("\n", "g");
              textLine = textLine.replace(repWord, "</td></tr><tr><td>");
              textLine = textLine + '</td></tr></table>'
              textLine = textLine.gsub(/\"/,"")
              $("result").innerHTML = "<br/>"+textLine;   //  テキストを表示
        }
    // --></script>
  </head>
  <body>
    <h1>prototype.jsの利用とCSVファイルを読み込み表組で表示する</h1>
    <form>
     <input type="button" value="CSVファイル読み込み" onClick="loadText('xxxx.csv')"><br/>
    </form>
    この行の下に結果は挿入・表示されます!<br/>
    <div id="result"></div>
  </body>
</html>                                                  



posted by hirono at 00:04| Comment(0) | TrackBack(0) | prototype.js
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

この記事へのトラックバックURL
http://blog.sakura.ne.jp/tb/36736712

この記事へのトラックバック