テキストエリアの背景の色



0   名前: るう : 2006/12/04(月) 16:46  ID:M59NN0T6
初めまして。

テキストエリアについてなんですけど・・・、
テキストエリアの背景の色を、クリックすると変える方法ってありますか?
クリックっていうのは・・・、文字を入力する時・・・です。

↑が無理な場合、枠線を下だけ表示するっていうのは出来ないでしょうか?(汗

2つもすみません。
教えて頂けると助かります;;

1   名前: 五月雨 : 2006/12/04(月) 16:46  ID:.fntq1cd
> テキストエリアの背景の色を、クリックすると変える方法ってありますか?
試していませんが、疑似クラス :active もしくは :focus を使えば実現出来そうな気がします。

2   名前: masao : 2006/12/04(月) 16:46  ID:YrWR7UJH
>>1

:activeだとマウスのボタンを離したら色が戻ってしまうので
:focusでいいと思います。

3   名前: るう : 2006/12/04(月) 16:46  ID:M59NN0T6
お答えありがとうございました!
試してみたところ・・・あたしのパソコンだと対応してないみたいで・・・;;

申し訳ないんですけど、枠線を下だけ表示する方法を教えて頂きたいです;;

・・・あ、でもコレも対応していない、
ということなら教えて頂かなくても大丈夫です;

本当に申し訳ございません。

4   名前: 通りすがり : 2006/12/04(月) 16:46  ID:UWsZexeD
> あたしのパソコンだと対応してないみたいで・
パソコンだからじゃなくて、IEだからじゃないかなぁ?

JavaScriptのonclickかonmouseoverを使うとか。

5   名前: yoso : 2006/12/04(月) 16:46  ID:A5OhCF13
javascriptの方で聞いてみたら?

6   名前: るう : 2006/12/04(月) 16:46  ID:M59NN0T6
IEもパソコンも古いんで・・・;;

・・・すみません、全然わからないんですけど、
下線のことをjavascriptの方で聞けばいいんですか?(汗

7   名前: kazucci : 2006/12/04(月) 16:46  ID:h9esxNvS
とりあえず、こんな感じでどうですか。


<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" Content="text/html; charset=x-sjis">
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE>testTITLE>

<SCRIPT Language="JavaScript">
// OBJがフォーカスを得たとき
function getFocus(OBJ)
{

OBJ.style.background="#00ffff";


}

// OBJがフォーカスを失ったとき
function lostFocus(OBJ)
{


OBJ.style.background="#ffffff"


}
</SCRIPT>

</HEAD>

<BODY>


<DIV ID=div01 STYLE="position:absolute; top:0px; left:0px; width:expression(document.body.offsetWidth); height:76px;
border-style:solid;
border-color:silver black black silver ;
border-width:1px;
background:#f07080;"
>
<INPUT type="text" name=NEW1 size=10 STYLE="ime-mode:inactive" value="" onBlur="lostFocus(this)" onFocus="getFocus(this)">
<INPUT type="text" name=NEW2 size=10 STYLE="ime-mode:inactive" value="" onBlur="lostFocus(this)" onFocus="getFocus(this)">
<INPUT type="text" name=NEW3 size=10 STYLE="ime-mode:inactive" value="" onBlur="lostFocus(this)" onFocus="getFocus(this)">

</DIV>

</BODY>
</HTML>

8   名前: るう : 2006/12/04(月) 16:46  ID:M59NN0T6
kazucciさん、ありがとうございます。
・・・やっぱり対応してないみたいで、全て白いテキストエリアでした;;

9   名前: 通りすがり : 2006/12/04(月) 16:46  ID:UWsZexeD
るうさんがどのようなソースを書かれているのかがわからないと、
適切なアドバイスはしづらいと思います。
背景色でも下線でもよいので、何がしたいのかを今あるソースと合せて
JavaScript板でお尋ねになるのが良いかと思います。

10   名前: るう : 2006/12/04(月) 16:46  ID:M59NN0T6
・・・そうしたかったんですけど、全く見当がついてないんです;;
真っ白な状態でして・・・。
あるのはテキストエリアのタグだけなんです;;
それでも大丈夫でしょうか?
こういうことは聞くことじゃないのはわかってるんですけど・・・、すみません;;

11   名前: 通りすがり : 2006/12/04(月) 16:46  ID:UWsZexeD
少なくとも「文字を入力する」ところまではできているのでしょう?
「今あるソース」を提示し、これをどうこうするとこうなるようにしたい、
と詳しく説明すればよいのですよ。
ともかく、ここで続けても意味ありません。
JavaScript板へどうぞ。
こちらのスレッドへのリンクも貼ってあるとなおいいですね。

12   名前: kazucci : 2006/12/04(月) 16:46  ID:h9esxNvS
kazucci です。
だめですか。

OSは?
IEのバージョンは?

教えていただけますか。

そして、HTMLソースを見せていただけますか。

一覧へ戻る