できるかどうかを教えてください。
JavaScriptを使用して、背景色を変更することができるとおもいますが、
このとき、ついでに文字色なんかも変更することなんて、できちゃったりするのでしょうか?
いろいろなHPを見てみましたが、そのような解説にあたりませんでした。
もし、そういった解説の載っているHPをご存知でしたらお教えください。
教えてくだされば、がんばって自分で勉強してみますので、ごめんどうはおかけいたしません。
よろしくお願い申し上げます

A 回答 (3件)

文字色は document.fgColor で変更可能です。



たとえば、
----------------------------------------------------------------------
onClick="document.bgColor='black'; document.fgColor='white'"
----------------------------------------------------------------------
のようにすれば、背景色が黒で文字色が白に同時に変更が可能です。
上の例のように1行で複数の命令を書く場合は
;(セミコロン)で区切って書いていけばOKです。

参考URL:http://tohoho.wakusei.ne.jp/js/document.htm#fgCo …

この回答への補足

あー、ありがとうございますー。
とほほさんのところにあったのですねー。気づきませんでした。
さっそくがんばってやってみますので、できたら、「できた!」と報告をさせていただきます。
申し訳ありませんがもう少々(多分まるまる1日はかかると思います)お待ちください。
ありがとうございました。

補足日時:2002/03/02 16:11
    • good
    • 0
この回答へのお礼

できました。うれしいです。ちょっと難儀もしましたが、なんとか動きました。
ありがとうございました

お礼日時:2002/03/03 15:15

VBScriptっていうと何か分かりづらいですが


ASPというと「あれか」と思うかもしれません。
先回の話はASPについてのことです。

背景色を変える仕組みでR,G,Bの数値の設定をしているのであれば、
その値から得る値(私の場合は白か黒)を
<font color= >
のところに割り当てれば背景にあわせたフォント色で文字を表示できます。

yukiko5さんの質問を理解しきれていないので、質問の意図と食い違ったことをいってるかも知れませんが参考程度に。
    • good
    • 0
この回答へのお礼

再度ありがとうございます!
ASPと聞きまして、「えっ?なんだ?」と、思っております。すみません。。。

私の疑問は多分No2の方の回答で解決できそうです。
参項URLを見てみたら、「そうそう、そんな感じ」でした。
実際にできるかは、超初心者の私には自信がありませんが、がんばってみようと思っております。

2回も回答くださいましてありがとうございました。
damakさんのは、まだ私にはハードルが高かったので、よくわかりませんでしたが、今後勉強してわかるようになりたいです。
ほんとうにありがとうございました。
世の中は未知なる物で、いっぱいです。

お礼日時:2002/03/02 16:40

ご参考程度にお読みください



私の場合、JavaScriptではなくVBScriptですが
背景色のR、G、Bの合計値が400以上であればフォントの色を黒
、400以下であればフォントの色を白にするように作成したことがあります。本当は背景色と相性のよい組み合わせにしたかったのですが妥協して白と黒にしました。
JavaScriptで同様のプログラムができれば幸いです。

この回答への補足

ありがとうございました。でもVBscriptって初めてききました。う~ん。。
http://www.fitweb.or.jp/~satosi77/vbscript.html
damakさんのおっしゃる文字色の変更とはこういうことでしょうか?
もしそうでしたらちょっと違うのです。
ボタンなどを押して、背景色をぱっと変えるついでに、文字色も一括変更できればなー、と私は考えております。
それもVBscriptになるのでしょうか?
あと、参考になりそうなHPをご存知でしたら教えください。
お手数ですがよろしくお願い申し上げます。。。

補足日時:2002/03/02 15:33
    • good
    • 0

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

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

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

Q動詞一覧・目的語一覧・補語一覧みたいな英語の詞・語ごとにずらーと並んだ

動詞一覧・目的語一覧・補語一覧みたいな英語の詞・語ごとにずらーと並んだサイトってないですか?

Aベストアンサー

動詞はともかく「目的語」とは「補語」というのは文における働きなので, そんな一覧を求めることがそもそも全く無意味.

Qページを再読み込み後、再読み込み前の状態に復元する方法が分からず困っております。

(多分)JavaScriptで分からない所がございましたので、ご教示いただける方がいらっしゃいましたら、よろしくお願いします。

【やりたいこと】
1. ボタンをクリックするとボタンにチェック(とりあえず色)をつけた上で、ページの再読み込みをしたいです。
2. ページの再読み込み後、ページの再読み込み前の状態に復旧したい(ページの再読み込み前にチェックしていたボタンの状態を保持しておきたい)です。

【状況】
1はできております。
ただし、1のページの再読み込み後、今までチェックしていたボタンが未チェック状態に戻ってしまいます。

【ソースコード】
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<title>title</title>
<script type="text/javascript">
<!--
var f=new Array(5);
f[0]=0;
f[1]=0;
f[2]=0;
f[3]=0;
f[4]=0;
f[5]=0;

function jump(b){
if (f[b]==0){
document.getElementById("form_check").elements[b].style.background='#dbed00';
document.getElementById("form_check").elements[b].style.color='#323232';
f[b]=1;
} else {
document.getElementById("form_check").elements[b].style.background='#d6d6d6';
document.getElementById("form_check").elements[b].style.color='#666666';
f[b]=0;
}
var text = "";
if (f[0] == 1) {
text += document.getElementById("form_check").a.value;
}
if (f[1] == 1) {
text += document.getElementById("form_check").b.value;
}
if (f[2] == 1) {
text += document.getElementById("form_check").c.value;
}
if (f[3] == 1) {
text += document.getElementById("form_check").d.value;
}
if (f[4] == 1) {
text += document.getElementById("form_check").e.value;
}
if (f[5] == 1) {
text += document.getElementById("form_check").f.value;
}
if (text) {
alert("チェックされているのは" + text + "です。\n「OK」で再読み込み実施。");
} else {
alert("何もチェックされていません。\n「OK」で再読み込み実施。");
}
}
-->
</script>
</head>

<body>
<form id="form_check" method="post" action="<?php echo $_SERVER['PHP_SELF'] ?>">
<p><input type="submit" value="a" name="a" onclick="jump(0)" onkeypress="jump(0)" /></p>
<p><input type="submit" value="b" name="b" onclick="jump(1)" onkeypress="jump(1)" /></p>
<p><input type="submit" value="c" name="c" onclick="jump(2)" onkeypress="jump(2)" /></p>
<p><input type="submit" value="d" name="d" onclick="jump(3)" onkeypress="jump(3)" /></p>
<p><input type="submit" value="e" name="e" onclick="jump(4)" onkeypress="jump(4)" /></p>
<p><input type="submit" value="f" name="f" onclick="jump(5)" onkeypress="jump(5)" /></p>
</form>
</body>
</html>

どこかご教示いただけるようでしたら、ご教示いただければと思います。
以上、よろしくお願いします。

(多分)JavaScriptで分からない所がございましたので、ご教示いただける方がいらっしゃいましたら、よろしくお願いします。

【やりたいこと】
1. ボタンをクリックするとボタンにチェック(とりあえず色)をつけた上で、ページの再読み込みをしたいです。
2. ページの再読み込み後、ページの再読み込み前の状態に復旧したい(ページの再読み込み前にチェックしていたボタンの状態を保持しておきたい)です。

【状況】
1はできております。
ただし、1のページの再読み込み後、今までチェックしていたボタンが...続きを読む

Aベストアンサー

pick52さん、ご指摘ありがとうございます。ぼけてました。

仕様もちょっと勘違いしてたので、こんな感じでどうでしょ?

//hoge.php
<?
session_start();
$req_s=$_REQUEST["s"];
$ses_s=&$_SESSION["s"];
if(is_array($ses_s)) $key=array_search($req_s,$ses_s);
if (is_numeric($key)){
unset($ses_s[$key]);
}else{
$ses_s=array_merge($ses_s,$req_s);
}
if(is_array($ses_s)){
foreach($ses_s as $val){
$class[$val]="class='color0'";
}
}
//print_r($ses_s);//セッションの内容を確認
print <<<eof
<html>
<head>
<title>title</title>
<script type="text/javascript" src="hoge.js"></script>
<link rel="stylesheet" type="text/css" href="hoge.css" />
</head>
<body>
<form id="form_check" method="post" action="{$_SERVER['PHP_SELF']}">
<p><input type="submit" value="a" name="s" onClick="return jump(this);"{$class["a"]} /></p>
<p><input type="submit" value="b" name="s" onClick="return jump(this);"{$class["b"]} /></p>
<p><input type="submit" value="c" name="s" onClick="return jump(this);"{$class["c"]} /></p>
<p><input type="submit" value="d" name="s" onClick="return jump(this);"{$class["d"]} /></p>
<p><input type="submit" value="e" name="s" onClick="return jump(this);"{$class["e"]} /></p>
<p><input type="submit" value="f" name="s" onClick="return jump(this);"{$class["f"]} /></p>
</form>
</body>
</html>
eof;
?>


//hoge.css
.color0{
background-Color:#dbed00;
color:#323232;
}
p{
margin:0px;
padding:0px;
}

//hoge.js
function jump(obj){
var f=obj.form;
var c=obj.className;
obj.className=c=="color0"?"":"color0";
var text="";
for(var i=0;i<f.length;i++){
if(f[i].type=="submit" && f[i].name==obj.name && f[i].className=="color0"){
text+=(text==""?"":",")+f[i].value;
}
}
if (text) {
var flg=confirm("チェックされているのは" + text + "です。\n再読み込みしますか?");
} else {
alert("何もチェックされていません。");
var flg= false;
}
if(flg) return true;
obj.className=c;
return false;
}

pick52さん、ご指摘ありがとうございます。ぼけてました。

仕様もちょっと勘違いしてたので、こんな感じでどうでしょ?

//hoge.php
<?
session_start();
$req_s=$_REQUEST["s"];
$ses_s=&$_SESSION["s"];
if(is_array($ses_s)) $key=array_search($req_s,$ses_s);
if (is_numeric($key)){
unset($ses_s[$key]);
}else{
$ses_s=array_merge($ses_s,$req_s);
}
if(is_array($ses_s)){
foreach($ses_s as $val){
$class[$val]="class='color0'";
}
}
//print_r($ses_s);//セッショ...続きを読む

Q新着順や新着順一覧を英語で書くと??

英語で新着順ってなんて書きますか?
HPに写真を載せていて
写真を新着順一覧に表示するスペースの名前を英語にすると、なんて書けばいいんでしょうか?
新着順や新着順一覧…という感じでお願いします。

Aベストアンサー

Sort by Date (日付順)というリンクが多いですね。

順番の切り替えに latest to earliest (最新から最古へ) とその逆を書いてある場合や、上向き三角▲と下向き三角▼のボタンを使っているところもあります。

到着というのをわざわざ盛り込んでいるところは少ないですが、長くても良いならば、Sort by Date arrived か Sort by Arrival Date とも書けます。

今回に写真という語も入れようとすると、Photos sorted by date (latest to earliest) のようになって見た目は冗長になってしまいます。

QHP上で文字サイズを変更できるようにするには・・・・。

実は視覚障害者や弱視の方を対象とした
ホームページを作ろうと取り組んでいるのですが、
下記のサイトのようにJavaScript+HTML+CSSで
文字サイズなどを変更できる機能を作りたいのです。
何か参考になるサンプル・書籍・HPなどございましたら教えていただければ幸いです。
またこの場で教えてくれる方がいれば助かります。
http://www.ssct.co.jp/

Aベストアンサー

> 文字サイズなどを変更できる機能を作りたいのです。
それぞれのデザインに合わせたCSSファイルをそれぞれ作成しておき、
<link>のhrefやdisabledを切り替える、という方法でできます。
スクリプトは参考URLやANo.2のURLをご覧ください。

> http://www.ssct.co.jp/​
(こちらのページではその目的のために作られたわけではないと思いますが)
こんな色にしていれば、「文字、コントラスト設定」の文字が読めるとは思えませんし、読めないボタン(セレクトフィールド)を押したり変更できるとは思えません。
それをふまえて「誰にでも」使いやすいボタンを設置できる自信がおありなら、それでも良いと思いますが、、、


ブラウザの設定で文字サイズを変更できるようになっていますし、
独自のスタイルにすることも出来ますので、むしろそちらを推奨します。

色の設定については、Operaの「表示」メニュー -> 「スタイル」 -> 「ユーザーモード」
から、高コントラスト表示やアクセシビリティレイアウトなどが参考になると思います。
http://jp.opera.com/

また、こちらのColorDoctorが参考になると思います。
http://jp.fujitsu.com/about/design/ud/assistance/

参考URL:http://critical.s6.xrea.com/web/cssselect.shtml

> 文字サイズなどを変更できる機能を作りたいのです。
それぞれのデザインに合わせたCSSファイルをそれぞれ作成しておき、
<link>のhrefやdisabledを切り替える、という方法でできます。
スクリプトは参考URLやANo.2のURLをご覧ください。

> http://www.ssct.co.jp/​
(こちらのページではその目的のために作られたわけではないと思いますが)
こんな色にしていれば、「文字、コントラスト設定」の文字が読めるとは思えませんし、読めないボタン(セレクトフィールド)を押したり変更できるとは思えません...続きを読む

QWindows7でプログラム一覧が英語表示される

Windows7でプログラム一覧が英語表示される

Windows7 Professionalを使っています。
最近気がついたのですが
普通ならプログラム一覧で
「アクセサリ」と表示されるはずの部分が
英語で「Accessories」と表示されるようになっていました。
メニュー自体もすべて英語で
たとえば「電卓」なら「Calculator」といった具合です。

ちなみに「ゲーム」は「Games」
「既定のプログラム」は「Default Programs」となっていますが
「スタートアップ」はそのままです。

ソフト自体に不具合はないのですが
何となく気になります。
かといって
名前を一つ一つ変更するのも面倒です。
簡単に元へ戻す方法がお分かりでしたら
よろしくお願いいたします。

Aベストアンサー

詳しくは分かりませんが、C:\Users\○○\AppData\Roaming\Microsoft\Windows\Start Menu\Programs\AccessoriesにあるはずのDesktop.iniをうまく設定すればよいと思います。ちなみに○○はユーザー名です。

QJavaScriptで背景や文字色を色→色へ自動で変える方法

JavaScriptで背景や文字色を色→色へ自動で変える方法


例えば、赤から青へ、青になったらまた赤に色が徐々に変わり、自動的にループしてくれるようなものを探しています。

検索したところcolortweenというjsを発見したのですが、どうやって使えばいいのかわかりません。


ご回答よろしくお願い致します。

Aベストアンサー

<div id="square22" style="width:50px;height:50px;background-color:#FF0000;">
<input type="button" value="stop" onclick="colorTween.stop();">
</div>

<script type="text/javascript" src="Tween.js"></script>
<script type="text/javascript" src="ColorTween.js"></script>
<script type="text/javascript">
var object = document.getElementById('square22').style;
var property = 'backgroundColor';
var easing = Tween.regularEaseIn;
var startColor = 'FF0000';
var endColor = '0000FF';
var duration = 5;

var colorTween = new ColorTween(object, property, easing, startColor, endColor, duration);
colorTween.onMotionFinished = colorTween.yoyo;
colorTween.start();
</script>


JAVASCRIPT MOTION TWEEN
http://jstween.blogspot.com/
Tween.js ColorTween.jsファイル配布元。
英語だけどサンプルは豊富だし、なんとかなるんじゃないだろか。

JavaScript/Library/Effects/JSTween - アークウェブシステム開発SandBox
http://www.ark-web.jp/sandbox/wiki/278.html
メソッドなどの解説。
日本語だけど、ある程度の知識を有する者を対象に書かれてます。(社内向けかも)


ちなみに、かなりCPUを喰いますね。私の環境でループ処理するときつい。

<div id="square22" style="width:50px;height:50px;background-color:#FF0000;">
<input type="button" value="stop" onclick="colorTween.stop();">
</div>

<script type="text/javascript" src="Tween.js"></script>
<script type="text/javascript" src="ColorTween.js"></script>
<script type="text/javascript">
var object = document.getElementById('square22').style;
var property = 'backgroundColor';
var easing = Tween.regularEaseIn;
var startColor = 'FF0000';
var endColor = '0000FF';
var...続きを読む

Qヘンな日本語英語の一覧があるサイト

ヘンな日本語英語の一覧があるサイトなんてご存知ありませんか?
ピアース、ピーマン、ビデオデッキ、シャーペンなど、実際には使われない英語がたくさん日本で使われていたりしますが、こういうリストが載っているサイトを探しています。

ご存知の方いらっしゃいましたら教えて下さいっ!
よろしくお願いしまっす!

Aベストアンサー

洋サイトですが

参考URL:http://www.engrish.com/

Qテーブルの背景色を複数変更する

テーブルにて、onMouseOverで背景色を変え、
onMouseOut にて背景色を戻すスクリプトを作っています。

セル一つならば変更できますが、複数のセルに依存関係があり、依存関係があるセル同士はそのセルにマウスオーバーされると依存関係があるセル全ての色を変更したいと思っています。
いろいろと探しているのですが、見つかりません。
以下のようなサンプルで 1 と 4 が一緒に変更できないものでしょうか。

よろしくお願いします。

<html>
<head>
<title>テーブルの色を変える</title>

<script language="JavaScript">
<!--

// b_color(idname,cn);
// 背景色を変える
// idname: 色変更したいタグid;
// cn:色変更法
function b_color(idname,cn)
{
// alert(idname); // debug alert
if (document.getElementById)
{
document.getElementById(idname).style.backgroundColor = cn;
}else{
// alert("あなたのブラウザには対応しておりません。");
}
}

if (! document.getElementById)
{
document.write("あなたのブラウザには対応しておりません。マウスを動かしても色は変えられません。<br>");
// マウス移動でいちいちalertが出ると煩わしいので、最初に表示しておく
}
//-->
</script>

</head>

<body>


<table border="1">
<tr>
<td id="11" bgcolor="#cccccc" onMouseOver="b_color('11','#ff0000');" onMouseOut="b_color('11','#0000ff');">ここ1</td>
<td>ここ2</td>
</tr>
<tr>
<td>ここ3</td>
<td id="11" bgcolor="#cccccc" onMouseOver="b_color('11','#ff0000');" onMouseOut="b_color('11','#0000ff');">ここ4</td>
</tr>
</table>

</body>
</html>

テーブルにて、onMouseOverで背景色を変え、
onMouseOut にて背景色を戻すスクリプトを作っています。

セル一つならば変更できますが、複数のセルに依存関係があり、依存関係があるセル同士はそのセルにマウスオーバーされると依存関係があるセル全ての色を変更したいと思っています。
いろいろと探しているのですが、見つかりません。
以下のようなサンプルで 1 と 4 が一緒に変更できないものでしょうか。

よろしくお願いします。

<html>
<head>
<title>テーブルの色を変える</title>

<script ...続きを読む

Aベストアンサー

function b_color(idname,cn)
{
if (document.getElementById)
{
for ( i=0 ; i < document.all.item(idname).length ; i++ ) {
document.all.item(idname, i).style.backgroundColor = cn;
}
} else {
}
}

こんな感じでいいんじゃないですか?
idがページ上に複数あるときは参照方法が(id,n)となります。

参考URL:http://tohoho.wakusei.ne.jp/js/element.htm#Element

Q色の名前は、日本語と英語のどちらを多く使う?・・・例えば「緑」と「グリーン」

「緑」と「グリーン」、「灰色」と「グレー」・・・

色の名前を言う時、日本語と英語のどちらを多く使いますか?

例えば、
・服の色は?
・車の色は?
・携帯機器(電話・プレイヤーなど)の色は?
どちらの表現を多く使いますか?

又、その他
「このもの(種類)は、日本語(英語)で言う」
「この色は、日本語(英語)で言う」
「殆ど、日本語(英語)で言う」
といったご回答も、歓迎します!

Aベストアンサー

じゃあいきましょか。英語です。私ら。

ピンク、ローズピンク、チェリーレッド、マローピンク、チリアンパープル、コスモス、チェリーピンク、ベビーピンク、ラムプラーローズ、ラズベリー、ローズマダー、カーマイン、パーシアンローズ、プラム、ガーネット、ピアニーレッド、プリムラ、コーラル、サルビア、マゼンダ、バーミリオン、シグナルレッド、ホビーレッド、ロブスター、ケチャップ、ファイヤー、スカーレット、バーミリオンレッド、ルビー、オペラ、ブリック。ベルベット。
以上赤系統。
日本にも古来のゆかしき呼び方はありますが、この点に関しましては英語に軍配をあげます。

グレーといいましても、シルバーホワイトグレー、パールグレー、オレンジグレー、イエローグレー、ブルーグレー、ピンクグレー、フレンチグレー、ミディアムグレー、グレー、ダークグレー、カーボングレー、チャーコールグレー、…あぁしんど。
私は日本男児ですが色名は英語です。

Qクリックした行の背景色の変更

以下のスクリプトは
【クリックした行の背景色を変更し、ハイライトさせる】
ものです。
このスクリプトに追加したい動作があるのですが、なかなかよい方法が思いつきません。

<追加項目>
・表以外でクリックすると行の背景色をやめる。
 それと同時にテキストボックスもクリアする。

何かよい方法はないでしょうか?


<html>
<head>

<script>

var preEl ;
var orgBColor;
var orgTColor;
function HighLightTR(backColor,textColor,name,ken){
if(typeof(preEl)!='undefined') {
preEl.bgColor=orgBColor;
try{ChangeTextColor(preEl,orgTColor);}catch(e){;}
}
var el = event.srcElement;
el = el.parentElement;
orgBColor = el.bgColor;
orgTColor = el.style.color;
el.bgColor=backColor;

try{ChangeTextColor(el,textColor);}catch(e){;}
preEl = el;

document.form1.test1.value=name;
document.form1.test2.value=ken;

}
function ChangeTextColor(a_obj,a_color){ ;
for (i=0;i<a_obj.cells.length;i++){
a_obj.cells(i).style.color=a_color;
}


}

</script>


</head>
<body>

<table border=1 align=center>

<th>氏名</th>
<th>住所</th>

<tr onClick="HighLightTR('yellow','blue','山田太郎','東京都');" >
<td align=right>山田太郎</td>
<td align=right>東京都</td>
</tr>
<tr onClick="HighLightTR('yellow','blue','山本浩二','埼玉県');" >
<td align=right>山本浩二</td>
<td align=right>埼玉県</td>
</tr>
</table>

<form name="form1" method="post" action="">
<input type="text" name="test1">
<input type="text" name="test2">
</form>

</body>
</html>

以下のスクリプトは
【クリックした行の背景色を変更し、ハイライトさせる】
ものです。
このスクリプトに追加したい動作があるのですが、なかなかよい方法が思いつきません。

<追加項目>
・表以外でクリックすると行の背景色をやめる。
 それと同時にテキストボックスもクリアする。

何かよい方法はないでしょうか?


<html>
<head>

<script>

var preEl ;
var orgBColor;
var orgTColor;
function HighLightTR(backColor,textColor,name,ken){
if(typeof(preEl)!='undefined') {
p...続きを読む

Aベストアンサー

こんな感じで、グローバル変数にflgを追加(初期値0)。
表クリック時にflg=1
bodyのonclickも同時有効になるので、xx()内でflg=2
次にボディクリック時に消してflg=0
色は自分で消してね。

だけどこの記述だと、表が増えた時きつくないですか?
JavaScript側で、配列もって表の中身をonload時に作成し、
クリックされた場所を、保持しておいて、その場所だけ色変え、色戻し、にしたほうが良いのでは?
----

<html>
<head>

<script>

var preEl ;
var orgBColor;
var orgTColor;
var flg=0;
function HighLightTR(backColor,textColor,name,ken){
if(typeof(preEl)!='undefined') {
preEl.bgColor=orgBColor;
try{ChangeTextColor(preEl,orgTColor);}catch(e){;}
}
var el = event.srcElement;
el = el.parentElement;
orgBColor = el.bgColor;
orgTColor = el.style.color;
el.bgColor=backColor;

try{ChangeTextColor(el,textColor);}catch(e){;}
preEl = el;

document.form1.test1.value=name;
document.form1.test2.value=ken;
flg = 1;

}
function ChangeTextColor(a_obj,a_color){ ;
for (i=0;i<a_obj.cells.length;i++){
a_obj.cells(i).style.color=a_color;
}


}
function xxx()
{
if (flg == 2) {
document.form1.test1.value="";
document.form1.test2.value="";
flg=0;
}
else
{
flg=2;
}
}
</script>


</head>
<body onClick="xxx()">

<table border=1 align=center>

<th>氏名</th>
<th>住所</th>

<tr onClick="HighLightTR('yellow','blue','山田太郎','東京都');" >
<td align=right>山田太郎</td>
<td align=right>東京都</td>
</tr>
<tr onClick="HighLightTR('yellow','blue','山本浩二','埼玉県');" >
<td align=right>山本浩二</td>
<td align=right>埼玉県</td>
</tr>
</table>

<form name="form1" method="post" action="">
<input type="text" name="test1">
<input type="text" name="test2">
</form>

</body>
</html>

こんな感じで、グローバル変数にflgを追加(初期値0)。
表クリック時にflg=1
bodyのonclickも同時有効になるので、xx()内でflg=2
次にボディクリック時に消してflg=0
色は自分で消してね。

だけどこの記述だと、表が増えた時きつくないですか?
JavaScript側で、配列もって表の中身をonload時に作成し、
クリックされた場所を、保持しておいて、その場所だけ色変え、色戻し、にしたほうが良いのでは?
----

<html>
<head>

<script>

var preEl ;
var orgBColor;
va...続きを読む


人気Q&Aランキング

おすすめ情報