WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:文字やボタンの透明化について

0:[投稿] 阿吽 [2005/04/30 09:31 ][環境:IE6,WinXP わからない]

JavaScriptはまだ初心者です。
<html><head><title>透明化</title></head>
<body><script language="JavaScript">
function change(obj) { obj.filters["alpha"].opacity=100; }
</script>
<div style="position:absolute;filter:Alpha(Opacity=10);" onClick="change(this)">あ</div>
</body></html>

上を実行すると、「あ」をクリックすると普通の文字に戻りますが、(Web上にあったサンプルです。)
ボタンが押されたら「あ」という文字を透明化するにはどうすればいいのでしょうか。
obj.filters["alpha"].opacity=100;
のところは、idやnameで指定できないみたいなのですが・・・。


1:[回答] 阿吽 [2005/04/30 09:47 ]

追記です。
できれば["???"+???]
みたいな感じでIDを指定できないでしょうか。


2:[回答] マグ [URL] [2005/04/30 11:46 ]

function change(obj) { obj.filters["alpha"].opacity=100; }

の部分を

function change(obj) { obj.filters["alpha"].opacity=0; }

のようにすれば、透明化が出来ます。
thisはそれが記述されているタグのIDをJavaScriptのサブルーチン
の変数に渡すことが出来ます。
此処のソースでは
DIVにIDを変数:objに渡しています。
obj.filters["alpha"].opacity=100;
ここの記述は
DIVのID.filters["alpha"].opacity=100;
となっています。


3:[完了] 阿吽 [2005/04/30 13:01 ]

>DIVのID.filters["alpha"].opacity=100;
DIVのIDは最初だったんですか。
解決しました。ありがとうございます。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World