JavaScriptに関する質問です
ホームページをつくっていますJavaScript超初心者です。どなたか手助けをしていただけますでしょうか？やりたいことというのは、次の通りです。
とあるページがありまして、次のような項目が並んでいます。
<li><a href="#" onClick="window.open('f.html?1,'newWin','width=850,height=650')">テキスト1</a></li>
<li><a href="#" onClick="window.open('f.html?2,'newWin','width=850,height=650')">テキスト2</a></li>
<li><a href="#" onClick="window.open('f.html?3,'newWin','width=850,height=650')">テキスト3</a></li>
それぞれのテキストをクリックすると、新しいウィンドウが表示され、次のJavaScriptが起動します。
function fx(){
var num = location.search.substr(1,1);
var the_id1 = "s" + num.toString();
var img = document.getElementById(the_id1).getElementsByTagName("img");
img[0].src = ""←このあたりが特に分かりません。
}
最後に新しいウィンドウページのhtmlを書いておきます。
<div id="s1"><img src="img/s1w.gif" name="s1img"/></div>
<div id="s2"><img src="img/s2w.gif" name="s2img"/></div>
<div id="s3"><img src="img/s3w.gif" name="s3img"/></div>
このように始めのページの項目をクリックすると、javascript fx が起動してdiv s1 ～s3の画像を取得する（入れ替える）というようにしたいのです。
つまり、最初のページのテキスト1をクリックすればdiv s1の画像を入れ替える、テキスト2をクリックでdiv s2の画像を、という具合にです。
←このあたりが分かりませんと書いたように、画像を別々に取得する方法が分かりません。
どのように改良すればいいでしょうか？もしくは全く新しいものに変える必要があるでしょうか？
分かる方、どなたか教えてください。よろしくお願いします。
お礼
ありがとうございました。なんとか解決しそうです。時間をとって考えていただき感謝します。また機会がありましたらよろしくお願いします。