- ベストアンサー
クリックで背景を変化させる
お世話になります。 早速ですが、素材をクリックすると、 背景としてその素材が表示されるものがありますが、 その表示場所を背景ではなく、テーブルの中に表示したいのです。 可能でしたら、ソースをご伝授下さい。 よろしくお願いします。
- dancepartner
- お礼率90% (185/205)
- HTML
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
ご使用のブラウザとそのバージョンが分からないとなんとも答えようがありません。少なくともIE6ではエラーなく動作します。 と言いつつ、var obj=tbl;の行を削除したらなんとかなりませんか？（勘）
その他の回答 (1)
- mach999
- ベストアンサー率75% (36/48)
なんとなく余計な機能付き。 <BODY id="bdy"> <TABLE id="tbl"> <TR><TD>AAA</TD><TD>BBB</TD></TR> <TR><TD>CCC</TD><TD>DDD</TD></TR> </TABLE> 背景画像<BR> <IMG src="01.jpg" width="150" height="150" onclick="changeBackgroundImage(this)"> <IMG src="02.jpg" width="150" height="150" onclick="changeBackgroundImage(this)"> <BR> 対象<BR> <INPUT type="button" onClick="obj=bdy">全体<BR> <INPUT type="button" onClick="obj=tbl">テーブルのみ <BODY> <SCRIPT> var obj = tbl; function changeBackgroundImage(img){ obj.style.backgroundImage="url("+img.src+")"; } </SCRIPT>
補足
ご回答、ありがとうございます。 早速、やってみたのですが、 "tblは、宣言されていません"という、 スクリプトエラーが出てしまいます。 無視して実行すると、出来たのですが・・・ ご指導願います。
お礼
度々すみません。 遅ればせながら、ＩＥ６.０です。 ホームページビルダー６．５を利用しています。 ご指摘通り、削除して表示してみたら、 エラー表示されなくなりました。 どうも、最初に、対象ボタンを押さないといけないみたいですね。 自分は、先ず、画像を押していました。 お世話になりました。