お世話になります。
いつも素晴らしいアドバイスをありがとうございます m(__)m
本日は【リンク集をCSVファイルで管理し、JavaScriptで表示】したく
投稿させていただきました。
◇JavaScriptでCSVファイル読み込み表示
5~10個のリンクを表示したい
1行目はアンカーテキスト、2行目にURL
◇CSVのデータをランダムに表示
上記のようにJavaScriptで管理する方法が可能でしょうか。
アドバイスお願いいたします。
現在、JavaScriptの勉強を始めたまったくの素人でございます。
参考になるサイト、書籍の情報もお願いいたします。
No.2ベストアンサー
- 回答日時:
動くかな?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>
_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を指定する方法を勉強してみようと思います。
本当にありがとうございました (^^♪
No.3
- 回答日時:
losajax 様
ありがとうございました m(__)m
面白いライブラリをご紹介いただきありがとうございます。
今後もいろんなライブラリをさわって勉強したいと思いました。
本当にありがとうございました (^^♪
No.1
- 回答日時:
・ ブラウザ上で動くJavaScriptでテキストファイルの読み書きをするのをみたことないのですが。
・ 唯一、IEのJScriptで、拡張子(*.hta)のものは、
var fso=new ActiveXObject("Scripting.FileSystemObject");
var fs=fso.openTextFile("sample.cvs",1);
と言うのは出来ました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- MySQL MySQL,JavaScript,PHPコードの結果を表示する方法を教えてください。 1 2023/02/13 17:49
- JavaScript Q&Aの掲示板を作成していてヤフー知恵袋やgoo質問のように質問ごとにURLを生成したい 5 2023/08/04 01:22
- JavaScript 空白で入力フォームのボタンをクリックしたら、ブラウザの上部からjavascriptで 表示されるアラ 1 2022/05/20 11:16
- Excel(エクセル) 【困っています】VBA 追加処理の記述を教えてください。 1 2022/08/25 22:54
- その他(プログラミング・Web制作) WEBアプリ開発に必要な言語 5 2023/06/28 16:57
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- Visual Basic(VBA) VBA初心者です。電話番号の数字の前に0を表示させたいです。 2 2022/12/14 03:58
- Excel(エクセル) エクセルでcsvファイルを開いてVBAを使いたい 7 2022/04/28 11:12
- Visual Basic(VBA) VBAで特定の場所にあるCSVファイル(複数)から特定場所を抜き出してExcelに転記したいです。 11 2023/05/23 16:29
- Visual Basic(VBA) VBA 毎日取得するデータを順番に反映していく方法 6 2023/08/26 16:22
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
スマフォではボタンを表示させ...
-
なぜmatchメソッドがエラーにな...
-
gas スプレッドシートがアクテ...
-
イラレでナンバリングする方法
-
ローカルにあるファイルを検索...
-
【JavaScript】数当てゲームを...
-
vb.netでの記述方法について 以...
-
gas 日付けの加算
-
var exports = exports || {}; ...
-
JavaScriptで平日のみをカウン...
-
GASのエラー「undefined からプ...
-
1日1回だけ引けるjavascriptお...
-
C#OpenCv V4にのエラーに関する...
-
ASP.NETのコントロールの値をJa...
-
jsによって検索プルダウン、都...
-
GASでundefinedエラーが出ます
-
JavaScript でのリアルタイム時...
-
翌月を取得するGASが分かりません
-
nullまたはオブジェクトではあ...
-
極小コードに挑戦!part2 数列...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
var exports = exports || {}; ...
-
google apps scriptの終了のさせ方
-
C#OpenCv V4にのエラーに関する...
-
GASでundefinedエラーが出ます
-
ジェネレーターの作り方
-
GASでGoogleフォームの自動返信...
-
HTMLで作った時報アプリが動き...
-
javascriptでテーブルに追加し...
-
html javascript リンク先アド...
-
【西暦等の変換】
-
ローカルにあるファイルを検索...
-
ASP.NETのコントロールの値をJa...
-
なぜmatchメソッドがエラーにな...
-
翌月を取得するGASが分かりません
-
gas スプレッドシートがアクテ...
-
ASP.NET MVCでObjectをjsに渡す
-
カンマで終わってるのはセミコ...
-
JavaScriptで文字列の特定文字...
-
javascriptでiframeのURL変更は?
-
APIを使って埋め込んだグーグル...
おすすめ情報