- ベストアンサー
リンク集をCSVファイルで管理し、JavaScriptで表示する方法
- JavaScriptを使用してCSVファイルでリンク集を管理し、ウェブページに表示する方法について教えてください。
- 質問者は5～10個のリンクをランダムに表示したいと考えています。
- JavaScriptの初心者のため、参考になるサイトや書籍の情報も教えてほしいとのことです。
- sytkinou
- お礼率15% (12/79)
- JavaScript
- 回答数3
- ありがとう数5
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
動くかな？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>
その他の回答 (2)
- losajax
- ベストアンサー率0% (0/2)
http://jsgt.org/にほぼビンゴなライブラリがあります。 http://jsgt.org/lib/jquery/plugin/csv2table/v002/test.htm
お礼
losajax 様 ありがとうございました m(__)m 面白いライブラリをご紹介いただきありがとうございます。 今後もいろんなライブラリをさわって勉強したいと思いました。 本当にありがとうございました (^^♪
- auty
- ベストアンサー率58% (284/486)
・ ブラウザ上で動くJavaScriptでテキストファイルの読み書きをするのをみたことないのですが。 ・ 唯一、IEのJScriptで、拡張子（*.hta）のものは、 var fso=new ActiveXObject("Scripting.FileSystemObject"); var fs=fso.openTextFile("sample.cvs",1); と言うのは出来ました。
お礼
auty 様 ありがとうございました m(__)m 今後も勉強したいと思います。 本当にありがとうございました (^^♪
お礼
_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を指定する方法を勉強してみようと思います。 本当にありがとうございました (^^♪