csv形式でも文字点滅可能でしょうか？

Question

皆様、こんにちは。
csv形式を用いての事でお聞きしたい事がありまして。

外部テキストファイル(データバインド)でcsv形式ファイルを呼び出した時の、
文字(文章)を点滅させたいのですが、方法が分かりません。

<BLINK>タグを使えるのはNetscapeですし、
JavaScriptを用いる場合はjsファイルに点滅させたい文字を記述するか、或いは外部テキスト扱いをさせて点滅させたい文字にIDを置く形になりますが、
csv形式で点滅(BLINK)させる場合の構成が分からないので、
何方様かご存じでいらっしゃいましたら、教えて下さい。

どういった記述をすれば、csv形式ファイルの文字を点滅させられますでしょうか？
もし、可能でないのであれば仕方がないのですが、やり方があれば知りたい知りたい次第でして…。

アドバイス・ご回答の程、宜しくお願い致します。

EUR · Accepted Answer

すみません、私の説明不足と、ソースミスでした。まず、説明不足というのは、文字色を背景色にどうかさせる例は、その前の、innerHTMLやinnerTextを使ったものの差分しか書いておらず、変更があった分を追加してほしかったのです。それからソースミスですが、 BUF2[i] = csvTable.rows(i).cells(L-1)style.color; の部分で、cells(L-1).styleのピリオドが抜けていました。修正したソースは以下になります。今回、あらかじめ最初から指定場所、或いは指定列又は指定行にしたいとありましたので、最初から点滅させる場所は決まっていると仮定して、とロード時にいきなりJavaScriptを呼び出すようにしています。点滅させる関数は、３行４列のセルを点滅させたい場合 Blink(3,4); ３行を点滅させたい場合 Blink_Lows(3); ４列を点滅させたい場合 Blink_Cols(4); のように使いますので、点滅させたいときに呼び出すようにしてください。 ---以下サンプルソースです---

BLUEPIXY · Answer

よこやりすみません。
＃６のソースで「；」がないと怒られる原因は、
BUF2[i] = csvTable.rows(i).cells(L-1)style.color;
で、
styleの前にピリオド「.」がないことが原因です。
（というか、元の＃５のソースにもありませんが・）

後の部分は、また説明があるだろうから、簡単に。
関数の呼び出しの部分は、
window.onload=init;
function init(){
//ここ
}
でやればいいんじゃないかな。
地の部分に書いちゃったら、その時には、テーブルがまだないから、まだ使えない。

EUR · Answer

;がないというエラーは、よく文字列を操作したときに起こります。

ソースがないとちょっとデバックできないので、エラーが出ているところの前後数行でいいので、ソースを提示していただけないでしょうか？

よろしくお願いします。

EUR · Answer

今回の例では、テストしやすいようにボタンで指定するようにしただけですんで、最初から点滅させる場所がわかっていれば、関数の引数として渡せばいいです。

下記の例では、行や列の指定を
L = parseInt(document.getElementById("siteiX").value) - 1;
C = parseInt(document.getElementById("siteiY").value) - 1;
で行っています。

このＬやＣを引数で渡してあげたらいいですよ。
例

function Blink(L, C) {
BUF1 = csvTable.rows(L-1).cells(C-1).style.color;
setInterval("DoBlink(" + (L-1) + "," + (C-1) + ")", 1000);
}

function Blink_Lows(L) {
LEN = csvTable.rows.length;
for (i = 0; i < LEN; i++) {
BUF2[i] = csvTable.rows(i).cells(L-1)style.color;
}
setInterval("DoBlink_Lows(" + (L-1) + ")", 1000);
}

function Blink_Cols(C) {
LEN = 7;
for (i = 0; i < LEN; i++) {
BUF3[i] = csvTable.rows(C-1).cells(i).style.color;
}
setInterval("DoBlink_Cols(" + (C-1) + ")", 1000);
}


呼び出すほう
３行４列のセルを点滅させたい場合
Blink(3,4);
３行を点滅させたい場合
Blink_Lows(3);
４列を点滅させたい場合
Blink_Cols(4);

EUR · Answer

消すを背景の色と同化させるに変更しました。
whiteはテーブルの背景色にあわせてください

<script language="JavaScript">
var BUF1;
function Blink() {
L = parseInt(document.getElementById("siteiX").value) - 1;
C = parseInt(document.getElementById("siteiY").value) - 1;
BUF1 = csvTable.rows(L).cells(C).style.color;
setInterval("DoBlink(" + L + "," +  C + ")", 1000);
}
function DoBlink(L, C) {
if (csvTable.rows(L).cells(C).style.color == "white") {
csvTable.rows(L).cells(C).style.color = BUF1;
} else {
csvTable.rows(L).cells(C).style.color = "white";
}
}

var BUF2 = new Array();
function Blink_Lows() {
L = parseInt(document.getElementById("siteiX").value) - 1;
LEN = csvTable.rows.length;
for (i = 0; i < LEN; i++) {
BUF2[i] = csvTable.rows(i).style.color;
}
setInterval("DoBlink_Lows(" + L + ")", 1000);
}
function DoBlink_Lows(L) {
LEN = csvTable.rows.length;
if (csvTable.rows(0).cells(L).style.color == "white") {
for (i = 0; i < LEN; i++) {
csvTable.rows(i).cells(L).style.color = BUF2[i];
}
} else {
for (i = 0; i < LEN; i++) {
csvTable.rows(i).cells(L).style.color = "white";
}
}
}

var BUF3 = new Array();
function Blink_Cols() {
C = parseInt(document.getElementById("siteiY").value) - 1;
LEN = 7;
for (i = 0; i < LEN; i++) {
BUF3[i] = csvTable.rows(C).cells(i).style.color;
}
setInterval("DoBlink_Cols(" + C + ")", 1000);
}
function DoBlink_Cols(C) {
LEN = 7;
if (csvTable.rows(C).cells(0).style.color == "white") {
for (i = 0; i < LEN; i++) {
csvTable.rows(C).cells(i).style.color = BUF3[i];
}
} else {
for (i = 0; i < LEN; i++) {
csvTable.rows(C).cells(i).style.color = "white";
}
}
}

EUR · Answer

面白そうと思い、ソースをいじくってみたんですが、どうもうまくいかない点がありました。点滅をstyle.displayで行うと、行指定、列指定のときに行または列が削除されます。そこでinnerTextで判定し、中身があったらinnerHTMLで
をはさみ、中身がなかったらバッファに格納している元のHTMLを挿入しようと考えました。で、結果というと、列を消す場合がうまくいかないです。もうちょっといじってみます。現在のソースをおいておきます。汚いですが・・・

何行目？何列目？

BLUEPIXY · Answer

にidをつけて

とかしてやれば for(var i=1;i<=recordSize;i++){ csvTable.rows(i).cells(3).style.backgroundColor="cyan"; } としてやれば、 test2のデータの部分の背景に色をつけてやることができます。また、 csvTable.rows(0).style.backgroundColor="pink"; とかしてやれば（タイトル）行の背景に色を付けてやることができます。同じように rows(x).cells(y) で適当な位置のデータのスタイルを変更できます。点滅させるということであれば、 setInterval等で交互に変更するというような形になると思います。また、複数のスタイルを変更する場合は、あらかじめスタイルを定義して置いて classNameの変更でやるといいかもしれません。 ※rows,cellsは、ＩＥのみですが、もともとデータバインド自体がＩＥのみだと思うので問題ないかと思います。

EUR · Answer

どういう形式でデータをファイルから読み込んでいるかわかりませんが、たとえば以下の形式でデータを取得している場合、取得したデータが格納されるSPANのdisabled属性をsetInterval等でtrue,falseを交互に入れてやればいいのではないでしょうか。

hoge.csv: first,second,third aaa,bbb,ccc

csv形式でも文字点滅可能でしょうか？

すみません、私の説明不足と、ソースミスでした。

よこやりすみません。

;がないというエラーは、よく文字列を操作したときに起こります。

この回答への補足

今回の例では、テストしやすいようにボタンで指定するようにしただけですんで、最初から点滅させる場所がわかっていれば、関数の引数として渡せばいいです。

消すを背景の色と同化させるに変更しました。

面白そうと思い、ソースをいじくってみたんですが、どうもうまくいかない点がありました。

<TABLE DATASRC="#ex">

この回答への補足

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング