別フレームからの背景の変更

質問

いろいろ検索したのですが上手く行かないので教えてください！

別フレームから背景画像の変更方法がわからなくて困ってます。

変更したいフレームのbodyの背景ではなく、
リスト（<li>～</li>）の中の1つの背景を変えたいのです。
リストの中にnameをつけていて、

parent.フレームの名前.document.リストの名前.style.backgroundImage = "url(***)"

としているのですが、どうしても変わってくれません。

ご指導よろしくお願いいたします。

回答No.1

yambejp · ベストアンサー

idをつけて、フレームの名前.document.getElementById('リストのid')・・・
でどうでしょう？

お礼

すみません、補足に書いた内容が間違ってたのでこちらに記載いたします。

「引数が無効です」とは出なくて、エラーも何も出ないのですが
画像が変わりません。

ちなみにnameやidの場所なんですが、
リストの中にアンカーが設定してあって、
<li><a>テキスト</a></li>としてるのですが、
nameはリストの中とアンカーの中と、どちらにつけるのでしょうか・・・。両方試したのですが、やはりエラーも出ずに画像は変わらないままです。

お手数ですが、よろしくお願いいたします。

補足

早速のご回答ありがとうございます！
idも試してみたのですが、どうしても上手くいかないです。

function Switch(){
parent.フレームの名前.document.getElementById("リストの名前").style.backgroundImage = "url(***)"
}
としたのですが、「引数が無効です」と怒られます＞＜
引数がよくわかってなくて・・・。

おかしな点、ご指摘いただけたら助かります。

回答No.2

yambejp

たとえば、こんな感じならうごきますよね？
あとは切り分けだと思います。

//main.htm
<frameset cols="50%,*">
<frame name="fleft" src="left.htm">
<frame name="fright" src="right.htm">
</frameset>

//left.htm
hidari
<hr>
<input type="button" value="x - red" onclick="parent.fright.document.getElementById('migix').style.backgroundColor='red'">
<input type="button" value="y - blue" onclick="parent.fright.document.getElementById('migiy').style.backgroundColor='blue'">
<input type="button" value="z - green" onclick="parent.fright.document.getElementById('migiz').style.backgroundColor='green'">

//right.htm
migi
<hr>
<ul>
<li id="migix">x</li>
<li id="migiy">y</li>
<li id="migiz">z</li>
</ul>

お礼

いろいろ試したところ、教えていただいたidの方法でできました！！
２～３日悩んでいたのでこれでスッキリしました。

本当にありがとうございました。