• ベストアンサー
  • すぐに回答を!

JavaScriptについての質問です。

  • 質問No.6591909
  • 閲覧数63
  • ありがとう数1
  • 回答数1

お礼率 71% (5/7)

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
  • ベストアンサー

ベストアンサー率 65% (870/1330)

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


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"
}

でどうでしょう
補足コメント
yo-tt77

お礼率 71% (5/7)

回答している時じゃないというのにありがとうございました。かなり前進しました。
が!超初心者のゆえ、うまく作動しません。最後の部分
img[0].src="別の画像のURL"の部分に何を入れたらよいのでしょうか?じつは最初のページ(質問でとあるページと述べた部分)には9つの項目があり、そのひとつ(例えば3番目)をクリックすると新しいウィンドウが開き、その3番目の部分の説明文となるID3と命名した部分がプルダウンバーのように開く、そこまではできているのです。が、それと同時にその3番目の部分を説明する画像が現れる(厳密には入れ替わる)というようにしたいのです。それが9つあって、それぞれが別々にプルダウンバーの説明と、画像が表示される(入れ替わる)ようにしたいのですが、どうしたらよいでしょうか?悩んでおります。お願いします・・・・・。
投稿日時:2011/03/15 10:55
お礼コメント
yo-tt77

お礼率 71% (5/7)

完全にはまだ解決しておりませんが、お忙しくしておられるのでしょうか?そんな中質問に答えてくださり感謝いたします。
ありがとうございました。補足にも書きましたが、かなり前進したと思います。なにせ超初心者なもので、ふんわりと理解できる程度ですので。すいません。この回答をもとにさらに質問をさせていただいておりますし、また新たに質問を付け加えさせていただくかもしれませんが、ご了承下さい。
投稿日時:2011/03/15 11:05
関連するQ&A

その他の関連するQ&Aをキーワードで探す

ページ先頭へ