javascriptを使用して、csvデータかtxtデータから検索項目3条件位で検索した時に、ブラウザ上に該当するデータと画像なんて表示することできるのでしょうか?
よろしくお願いいたします。

このQ&Aに関連する最新のQ&A

A 回答 (1件)

TDC(Tabular Data Control)という技術を使うとできます。


(IE4から搭載されているらしいです)
使い方については書き始めると長いので、
すみませんが参照URLで勉強してください。

参考URL:http://homepage3.nifty.com/aya_js/js2/js228.htm
    • good
    • 0
この回答へのお礼

ありがとうございました。

お礼日時:2005/04/28 15:40

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qfirefox2.0.0.3の検索バーの虫眼鏡アイコン

firefox2.0.0.3の検索バー(検索ボックス?)に、虫眼鏡アイコンを表示させる方法を教えてください。

・http://oshiete1.goo.ne.jp/qa1333332.htmlを参考にアドオン「Search Button」を探したのですが見つかりません。
・会社のパソコンにインストールしたfirefox(バージョンは2のはず)には、虫眼鏡アイコンが標準で装備されていたと記憶しております。

よろしくお願いします。

Aベストアンサー

とりあえず不具合診断チャート参照。
ひょっとしたら何らかの拡張により非表示とされているのかもしれません。

不具合診断チャート - もじら組Wiki
http://wiki.mozilla.gr.jp/wiki.cgi?page=%C9%D4%B6%F1%B9%E7%BF%C7%C3%C7%A5%C1%A5%E3%A1%BC%A5%C8

QJavaScriptで複数のCSVを取得しひとつのCSVごとに1つのs

JavaScriptで複数のCSVを取得しひとつのCSVごとに1つのselectフォームを表示しようとしております。
以下のようなJSを使っているのですが、aryCsvNameの配列にはいっている名前で複数のCSVを呼び込みたいのですが、
getElementById("select***").のところで、うまく***の箇所に配列の値をもっていけません。

aryCsvNameの値と***があえば、それぞれの<div>に表示されるのではないかとは思っているのですが、
それも予想です。
恐れ入りますが、どなたかいい方法をご教授ください。

function loadCSV() {
aryCsvName = ["1","2","5","10"];
for (var j = 0; j < aryCsvName.length; j++) {
var path = './data/'+aryCsvName[j]+'.csv';
var httpObj = createXMLHttpRequest(handleResult);
if (httpObj) {
httpObj.open("GET", path, true);
httpObj.send(null);
}
}
}
function handleResult() {
if ((this.readyState == 4) && (this.status == 200)) {
var text = getAjaxFilter()(this.responseText);
csvData = parseCSV(text);

///ここが不明
//document.getElementById("select***").innerHTML = result;
//ここまで
}
}
function parseCSV(str) {
var CR = String.fromCharCode(13);
var LF = String.fromCharCode(10);
var lines = str.split(LF);
var csvData = new Array();

for (var i = 0; i < lines.length; i++) {
var cells = lines[i].split(",");
if( cells.length != 1 ) csvData.push(cells);
}
return csvData;
}

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;
}

function getAjaxFilter() {
if (navigator.appVersion.indexOf("KHTML") > -1) {
return function(t) {
var esc = escape(t);
return (esc.indexOf("%u") < 0 && esc.indexOf("%") > -1) ? decodeURIComponent(esc) : t
}
} else {
return function(t) {
return t
}
}
}

HTML部分
<div id="select1"></div>
<div id="select2"></div>
<div id="select5"></div>
<div id="select10"></div>

JavaScriptで複数のCSVを取得しひとつのCSVごとに1つのselectフォームを表示しようとしております。
以下のようなJSを使っているのですが、aryCsvNameの配列にはいっている名前で複数のCSVを呼び込みたいのですが、
getElementById("select***").のところで、うまく***の箇所に配列の値をもっていけません。

aryCsvNameの値と***があえば、それぞれの<div>に表示されるのではないかとは思っているのですが、
それも予想です。
恐れ入りますが、どなたかいい方法をご教授ください。

function loadCSV() {
aryC...続きを読む

Aベストアンサー

このケースで一番、簡単そうな解決策は、
それぞれのCSVファイルの中に、どのセレクト用なのかの
目印を書き込んでおき、それで判定だと思いますが、
それが出来ないなら、非同期通信は止めて同期通信
にして、1ファイル毎に確実に読み込む。(詳しく見てないけど)
 httpObj.open("GET", path, false);
かな

それがいやなら、XHR(XmlHttpRequest)の、レスポンスヘッダーを
コールバック関数の中で自分で調べて、何への要求か見つけて
処理を分けるといったところかな。

 this.getAllResponseHeaders()

どのブラウザーのXHRでも出来るかどうかは?

Qsafariの右上の虫眼鏡アイコンを消したい

safari右上の虫眼鏡アイコンを消したいです。

検索履歴を消したいのではなく、
アイコン自体を消す方法はありますか??

Aベストアンサー

検索窓自体は表示メニューの「Google検索」にあるチェックを外せば消えますね。検索窓は使いたいけれど虫眼鏡アイコンだけを消したいというのは、プログラム本体を弄る必要がありそうなので、ちょっと難しいと思います。

Qjavascriptでdata.txtのJSONデータを変数に取得する

javascriptでdata.txtのJSONデータを変数に取得するかんたんなサンプルコードはどのようになるのでしょうか。


JSONデータは以下と同じです。
http://www.openspc2.org/JavaScript/Ajax/Ajax_study/chapter03/006/index.html
{"item":[
{"itemCode":91,
"itemName":"塩ラーメン",
"itemPrice":300},

{"itemCode":94,
"itemName":"味噌ラーメン",
"itemPrice":290},

{"itemCode":95,
"itemName":"豚骨ラーメン",
"itemPrice":320}
]
}

Aベストアンサー

javascript自体をあまり理解されてないみたいですね。
そんなあなたに、お勧めのJSONの使い方は、
最初からdata.txtの中身を
ITEM={"item":[
{"itemCode":91,
"itemName":"塩ラーメン",
"itemPrice":300},
{"itemCode":94,
"itemName":"味噌ラーメン",
"itemPrice":290},
{"itemCode":95,
"itemName":"豚骨ラーメン",
"itemPrice":320}
]
};
と作っておきなさい。(UTF-8で保存しましょう)
そおすれば
<script type='text/javascript' src="data.txt" charset="UTF-8"></script>
で読み込んで、
for(var i=0;i<ITEM.item.length;i++){
alert(ITEM.item[i].itemCode);
alert(ITEM.item[i].itemName);
alert(ITEM.item[i].itemPrice);
}
のようにアクセス出来る事が出来るでしょう。

javascript自体をあまり理解されてないみたいですね。
そんなあなたに、お勧めのJSONの使い方は、
最初からdata.txtの中身を
ITEM={"item":[
{"itemCode":91,
"itemName":"塩ラーメン",
"itemPrice":300},
{"itemCode":94,
"itemName":"味噌ラーメン",
"itemPrice":290},
{"itemCode":95,
"itemName":"豚骨ラーメン",
"itemPrice":320}
]
};
と作っておきなさい。(UTF-8で保存しましょう)
そおすれば
<script type='text/javascript' src="data.txt" charset="UTF-8"></script>
で読み込んで、
for(var i=0;i<I...続きを読む

Qフリーのアイコンファイルを教えて下さい。

フリーのアイコン素材を探しています。
フリーアイコンなどで検索すればたくさん出てくるのですが、
なかなか気に入ったものがありません。

サムネイルを見てダウンロードしてみても大概は、
フリーとなると完成度が低いものが多く、特に海外の作者の物は
大雑把な物が多くウインドウズ標準のものより質が落ちるようです。

そこで、無料で公開されている物を、サムネイルで判断して
ひとつずつダウンロードして試す事が難しいので質問させてください。

個人的な、ご意見でかまいませんので、
お奨めのフリーのアイコンがあれば教えて下さい。

ファイルの形式は、ウインドウズXPで表示出来る物でお願いします。

Aベストアンサー

#2です。
ダウンロードボタンを押した後、「.exe」と付く拡張子のファイルは
避けてください。
セキュリティーの関係で、あまり良い評判を聞きません。
「.zip」形式のみご利用ください。
こちらは安全ですので。

Qテキストファイルやcsvファイルで読み込んだデータを使ってjavascriptで処理する方法

javascript初心者です。
いろいろと調べたのですが、イマイチよく分からないので質問させてください。
テキストファイルやcsvファイルを読み込んで、
javascriptで判定処理をしたいと思います。

例えば、

A地区,1
B地区,0
C地区,4
・・・

といったデータを読み込んで、
javascriptで「0なら○地区には画像Aを表示、
それ以外なら○地区には画像Bを表示する」
という形で処理したいです。
でも、
・どうやってファイルを読み込むのか
・読み込んだデータをどのようにして配列へ入れるのか
がよく分からないです。
これらのページ
「http://q.hatena.ne.jp/1195740627」
「http://www.openspc2.org/JavaScript/Ajax/Ajax_study/chapter03/002/index.html」
のような方法を参考にすれば実現可能なのでしょうか。

Aベストアンサー

> ・どうやってファイルを読み込むのか

2つめの参考ページがそのままです。
これでわからなければもっと基本的なことから始めるべきです。
足し算やかけ算ができなければ、円の面積は解けないのと同じです。

http://www.openspc2.org/JavaScript/
http://www.tohoho-web.com/www.htm

1つめの参考ページは若干特殊な方法なので無視した方がいいかもです。

Qフリー素材でレビュー用の星アイコンを探しています

フリー素材で検索すると、リンク集ばかり検索されるため、
ヒット率が悪く困っています。
タイトル通りなのですが、
映画とかのレビュー用に星アイコンのフリー素材がないか暫くささしていますが、
なかなか良いものが見つかりません。
お勧めのサイトがありましたら、教えてくださいませ。

Aベストアンサー

http://atp.boo.jp/にたくさんありました。
参考URLの方に星のアイコンのページを載せておきます。

もう一つ
http://0923.jugem.jp/?eid=7
もどうぞ。

参考URL:http://atp.boo.jp/ico/pnt_06.html

QJavaScriptでTXTファイルの作成はできるのでしょうか?

JavaScriptでTXTファイルの作成はできるのでしょうか?
宜しくお願いいたします。

Aベストアンサー

Windows98以上であれば

FileSystemObject のActiveXで可能です。

でもInternetExplorerの
セキュリティの状態によって
「セキュリティ警告」ダイアログが出たり
無効にされることもあります。

Qfirefoxのブックマークの検索の部分の虫眼鏡を

firefoxのブックマークの検索の部分の虫眼鏡を消したい

firefox12.0を使っております。
アドオン「Stilish」を使用し、windowsXPのクラシックスタイルと色を変えるソフトでカスタマイズしております。
firefoxのバージョンが新しくなり、ブックマークのところに検索の入力フォームができました。
こちらに表示される虫眼鏡が不要ですので消したいです。
Stilishにどのように記述すればいいでしょうか?

また、できればブックマークのフォルダアイコンも消したいです。
よろしくお願いいたします。

以下stilishに記述してある全文です。
toolbox#navigator-toolbox {
border-left: 1px solid ThreeDHighlight !important;
}

hbox#browser {
border-left: 1px solid ThreeDHighlight !important;
}

hbox#browser .plain {
-moz-appearance: listbox !important;
}

tabbrowser {
background: ThreeDFace !important;
}

tab {
-moz-appearance: tab !important;
margin-top: 3px !important;
}

tab[selected="true"] {
margin-top: 1px !important;
}

#searchbar .search-go-button{
display: none !important;
}

#bookmarksPanel treechildren::-moz-tree-image(container),
#bookmarksToolbarFolderMenu, #bookmarksToolbarFolderMenu [container],
.bookmark-item[container] {
list-style-image: url("chrome://FOLDER_16x16-32.png") !important;
-moz-image-region: rect(16px 128px 32px 112px) !important;
}

sidebarheader {
-moz-appearance: none !important;
background: black !important;
border: none !important;
}

.tab-icon-image {
display:none !important;
}

firefoxのブックマークの検索の部分の虫眼鏡を消したい

firefox12.0を使っております。
アドオン「Stilish」を使用し、windowsXPのクラシックスタイルと色を変えるソフトでカスタマイズしております。
firefoxのバージョンが新しくなり、ブックマークのところに検索の入力フォームができました。
こちらに表示される虫眼鏡が不要ですので消したいです。
Stilishにどのように記述すればいいでしょうか?

また、できればブックマークのフォルダアイコンも消したいです。
よろしくお願いいたします。

以下stilish...続きを読む

Aベストアンサー

Stylishでどこまで出来るか自信ないので強引に別な方法を採る(おぃ
意外と複雑なので、「面倒」って思うタイプなら今のうちに回れ右。
==================
まず、Firefoxを終了させる。

Firefoxのインストールディレクトリにあるomni.jaをどっかにコピーして、
拡張子をzipにして解凍。

#…と思ったんだけど、何か今日のナイトリービルドが、Explzhでないと解凍できなくなっているorz
#http://www.ponsoftware.com/
##しばらく他のアーカイバでも解凍出来てたんだけどなあ…

ここで、ちゃんと元に戻せるかどうか「仕上げ」をしてみて確認しておいた方がいいと思うよ。

●ブックマークサイドバーの検索バーから虫眼鏡アイコンを取り除く

chrome/toolkit/content/global/bindings/
textbox.xmlが以下のようなソースになっているので
http://mxr.mozilla.org/mozilla-central/source/toolkit/content/widgets/textbox.xml#310
上記URIの316行目から323行目に相当するxul:deck要素を削除(注:コードはナマモノなので、行番号が変動することはよくあります)

●サイドバーのブックマーク項目にアイコンを表示させない手順
俺のマシンの場合Vistaであるから、Aeroが有効担っていると思われたので
chrome/browser/skin/classic/aero/browser/places/places.css
XPの場合はおそらく
chrome/browser/skin/classic/browser/places/places.css

で以下の28行目から131行目に相当する部分(list-style-imageとか-moz-image-regionが指定されてる部分ね)をざくっと削除
http://mxr.mozilla.org/mozilla-central/source/browser/themes/winstripe/places/places.css#28

さらに、
chrome/browser/content/browser/places/browserPlacesViews.jsを開いて
iconで検索を掛けて

let icon = aChild.icon;
if (icon)
button.setAttribute("image", icon);

とか

let icon = aPlacesNode.icon;
if (icon)
element.setAttribute("image", icon);

をひたすら(っつっても3箇所くらいしかないけど)
/*
let icon = aChild.icon;
if (icon)
button.setAttribute("image", icon);
*/
っつー感じでコメントアウトします。

ただ

if (!icon)
elt.removeAttribute("image");
else if (icon != elt.getAttribute("image"))
elt.setAttribute("image", icon);


/*
if (!icon)
*/
elt.removeAttribute("image");
/*
else if (icon != elt.getAttribute("image"))
elt.setAttribute("image", icon);
*/

としてください。(三角形は残るけどね)

あと、(上記、フォルダ以外にも影響受けているかもしれないが)残ったものについてブックマーク項目自体からアイコンを非表示にしたければ
chrome/browser/content/browser/places/treeview.jsからgetImageSrcを検索し、

getImageSrc: function PTV_getImageSrc(aRow, aColumn) {


return "";
},


と書き換えます。

●仕上げ
で、元と同じように圧縮して、omni.jaをFirefoxのインストールディレクトリに放り込む。
解凍ツールが解凍内容を新しく作ったフォルダに突っ込む設定になっていることがあるけど、このフォルダは含まない。中身だけをまとめて圧縮だから注意すること。
で、一応、エクスプローラのアドレスバーに
%USERPROFILE%\APPDATA\Local\Mozilla(Vista以降の場合)
%USERPROFILE%\Local Settings\Mozilla(XPの場合)
を打ち込んで開いたフォルダを削除。
Firefoxを起動し、正常に起動することを確認。

#なお、この手のテキストボックスの虫眼鏡の削除の変更は同じ部品を使っている全ての場所が影響を受けるはず。
#どうやら検索バーは別部品。

#検証環境:手元のFirefox 15.0a1pre(開発版)で検証しました。

Stylishでどこまで出来るか自信ないので強引に別な方法を採る(おぃ
意外と複雑なので、「面倒」って思うタイプなら今のうちに回れ右。
==================
まず、Firefoxを終了させる。

Firefoxのインストールディレクトリにあるomni.jaをどっかにコピーして、
拡張子をzipにして解凍。

#…と思ったんだけど、何か今日のナイトリービルドが、Explzhでないと解凍できなくなっているorz
#http://www.ponsoftware.com/
##しばらく他のアーカイバでも解凍出来てたんだけどなあ…

ここで、ちゃんと元に戻せるかどうか...続きを読む

Q単純にfor文で回るしかないのでしょうか? (配列のデータから該当データを探す)

Javascriptで

v[0] = 'りんご';
v[1] = 'みかん';
v[2] = '梨';
v[3] = 'バナナ';

があり、v.なんとか('梨')で真の値が帰るなどのような関数はありますか?単純にfor文で回るしかないのでしょうか?

Aベストアンサー

何番の配列に入っているか調べる方法は 有る

v.indexOf("梨");



因みにこういう使い方がある

v["いちご"] = 3;


人気Q&Aランキング