リンク集をCSVファイルで管理し、JavaScriptで表示

解決済

質問者：sytkinou
質問日時：2008/04/14 02:16
回答数：3件

お世話になります。
いつも素晴らしいアドバイスをありがとうございます m(__)m

本日は【リンク集をCSVファイルで管理し、JavaScriptで表示】したく
投稿させていただきました。

◇JavaScriptでCSVファイル読み込み表示
５～１０個のリンクを表示したい
1行目はアンカーテキスト、2行目にURL

◇CSVのデータをランダムに表示

上記のようにJavaScriptで管理する方法が可能でしょうか。
アドバイスお願いいたします。

現在、JavaScriptの勉強を始めたまったくの素人でございます。
参考になるサイト、書籍の情報もお願いいたします。

通報する

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

質問の本文を隠す

回答 (3件)

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

No.2ベストアンサー

回答者： _pipi_
回答日時：2008/04/14 08:01

動くかな？Ajaxを利用してます。

Ajaxは適当なライブラリを使ったほうが簡潔かも？
（http://jsgt.org/mt/01/）ここのを使ってます
文字コードはUTF-8にしたほうが面倒ないかも？
昔勉強したAjaxコードを使ったので細かな補足は無理。

<html>
<body>
<script type="text/javascript">
window.onload=function(){
httpObj = createXMLHttpRequest(displayData);
if (httpObj) {
httpObj.open("GET","link.csv",true);//ここにファイル名
httpObj.send(null);
}
}
function displayData(){
if ( httpObj.readyState == 4 ){
var H='';
var F=[];
switch( httpObj.status ){
case 200:
var dt = httpObj.responseText.split("\n");
for( i=0; i< dt.length ; i++){
do rnd = Math.floor(Math.random()*dt.length); while(F[rnd])
F[rnd]=true;
buf = dt[rnd].split("\t");
H+=buf[0]+'<br><a href="'+buf[1]+'">'+buf[1]+"</a><hr>";
}
break;
case 403: H = 'アクセスが拒否されました'; break;
case 404: H = 'ファイルがありません'; break;
}
document.getElementById('tab').innerHTML=H;
}
}
function createXMLHttpRequest(cbFunc) {
var XMLhttpObject = null;
try{ XMLhttpObject = new XMLHttpRequest();}
catch(e){
try{ XMLhttpObject = new ActiveXObject("Msxml2.XMLHTTP");}
catch(e){
try{ XMLhttpObject = new ActiveXObject("Microsoft.XMLHTTP");}
catch(e){ return null;}
}
}
if (XMLhttpObject) XMLhttpObject.onreadystatechange = cbFunc;
return XMLhttpObject;
}
</script>
<div id="tab"></tb>
</body>
</html>

- 0
- 件

通報する

この回答へのお礼

_pipi_ 様

ありがとうございましす m(__)m
思い通りのスクリプトありがとうございます。
どうにか利用することができました。

H+=buf[0]+'<br><a href="'+buf[1]+'">'+buf[1]+"</a><hr>";
を↓
H+='<br><a href="'+buf[1]+'">'+buf[0]+"</a><hr>";

<div id="tab"></tb>
を↓
<div id="tab"></div>

に、してみました。

後は、JavaScriptにStyleを指定する方法を勉強してみようと思います。

本当にありがとうございました (^^♪

通報する

お礼日時：2008/04/22 10:58

No.3

回答者： losajax
回答日時：2008/04/18 17:23

http://jsgt.org/にほぼビンゴなライブラリがあります。
http://jsgt.org/lib/jquery/plugin/csv2table/v002 …

参考URL：http://jsgt.org/lib/jquery/plugin/csv2table/v002 …

- 0
- 件

通報する

この回答へのお礼

losajax 様

ありがとうございました m(__)m
面白いライブラリをご紹介いただきありがとうございます。

今後もいろんなライブラリをさわって勉強したいと思いました。

本当にありがとうございました (^^♪

通報する

お礼日時：2008/04/22 11:01

No.1

回答者： auty
回答日時：2008/04/14 07:53

・　ブラウザ上で動くJavaScriptでテキストファイルの読み書きをするのをみたことないのですが。

・　唯一、IEのJScriptで、拡張子（*.hta）のものは、
　　　　var fso=new ActiveXObject("Scripting.FileSystemObject");
　　　　var fs=fso.openTextFile("sample.cvs",1);
　　と言うのは出来ました。