JavaScripｔについての質問です。

質問

javascript初心者です。方法が分かりませんので、教えていただける方、お願いいたします。ホームページを作っております。とあるページの下の部分をクリックすると、新しいウィンドウが開きます。
<a href="#" onClick="window.open('f/f.html?1','newWin','width=850,height=650')">テキスト</a>

新しいページは次のようになっています。
↓ここからJavaScript↓
flag = false;
function pd1() {
if(flag) document.getElementById('ID1').style.visibility = "hidden";
else document.getElementById('ID1').style.visibility = "visible";
flag = !flag;
}
function fx(){
var num = location.search.substr(1,1);
var the_id = "ID" + num.toString();
document.getElementById(the_id).style.visibility = "visible";
}

ここからhtml↓
<div id= "w1" onMouseover="document.s1img.src='img/s1rr.gif'" onMouseout="document.s1img.src='img/s1w.gif'">
<a href="javascript:pd1()">テキスト</a></div>
<div id="ID1" style="visibility: hidden;" onMouseover="document.s1img.src='img/s1rr.gif'" onMouseout="document.s1img.src='img/s1w.gif'">
<p>テキスト<br />
</div>
<div id="s1"><img src="img/s1w.gif" width="29" height="39" name="s1img"/></div>

以上です。上記に関して説明を付け加えますと、新しいウィンドウ（新しいページ）上では、function fx　とpd1が作動し、div　ID1がプルダウンメニューのように開くようになっています。
それに付け加えたいのですが、冒頭であげた部分をクリックするとID1がプルダウンのように開くだけでなく、div s1の　name="s1img"であげた部分を別の画像が表示されるようにするにはどのようなjavascriptを追加すればいいでしょうか？
　　どなたか教えていただければ有り難いです・・・・・。

回答No.1

yyr446 · ベストアンサー

回答してる場合じゃないけど、とりあえず

function pd1() {
if(flag) document.getElementById('ID1').style.visibility = "hidden";
else document.getElementById('ID1').style.visibility = "visible";
var img = document.getElementById('s1').getElementsByTagName("img");
img[0].src = "別の画像のURL"
flag = !flag;
}

function fx(){
var num = location.search.substr(1,1);
var the_id = "ID" + num.toString();
var the_id2 = "s" + num.toString();
document.getElementById(the_id).style.visibility = "visible";
var img = document.getElementById(the_id2).getElementsByTagName("img");
img[0].src = "別の画像のURL"
}

でどうでしょう

お礼

完全にはまだ解決しておりませんが、お忙しくしておられるのでしょうか？そんな中質問に答えてくださり感謝いたします。
ありがとうございました。補足にも書きましたが、かなり前進したと思います。なにせ超初心者なもので、ふんわりと理解できる程度ですので。すいません。この回答をもとにさらに質問をさせていただいておりますし、また新たに質問を付け加えさせていただくかもしれませんが、ご了承下さい。

補足

回答している時じゃないというのにありがとうございました。かなり前進しました。
が！超初心者のゆえ、うまく作動しません。最後の部分
img[0].src="別の画像のＵＲＬ"の部分に何を入れたらよいのでしょうか？じつは最初のページ（質問でとあるページと述べた部分）には9つの項目があり、そのひとつ（例えば3番目）をクリックすると新しいウィンドウが開き、その3番目の部分の説明文となるＩＤ3と命名した部分がプルダウンバーのように開く、そこまではできているのです。が、それと同時にその3番目の部分を説明する画像が現れる（厳密には入れ替わる）というようにしたいのです。それが9つあって、それぞれが別々にプルダウンバーの説明と、画像が表示される（入れ替わる）ようにしたいのですが、どうしたらよいでしょうか？悩んでおります。お願いします・・・・・。