表示の切り替えについて

質問

こんにちは。
例えば、http://www.oricon.co.jp/の「TODAY'S RANKING」の「シングル」「アルバム」をクリックすると、表示が変わるようなスクリプトを探しまわったのですが、見つけることが出来なかったので質問させていただきました。
もし宜しければコードなど教えていただけると大変助かります。
初心者ですが、宜しくお願い致します。

回答No.2

noname#23734 · ベストアンサー

ごめんなさい！！
前の回答”}”が一個足りないですね。

＞例えば「シングル」をクリックすると「1.html」、「アルバム」をクリックすると「2.html」が開くようにしようとすれば、どのようなコードになるのでしょうか？（2ファイルとも同じフォルダ内です）

とのことですからランキングの部分がiframeの中に表示されて切り替わることを想定すると
<span onclick="document.frames[0].location='1.html'">
シングル</span>
<span onclick="document.frames[0].location='2.html'">
アルバム</span>
<iframe src="1.html"></iframe>
こんな形になるんですかね。

お礼

度々ありがとうございました。
なんとか悪戦苦闘しながら再現できました。わかりやすい回答で大変助かりました。
また機会がありましたら是非お願い致します。

回答No.1

noname#23734

データを何処から持ってくるのかは別とするなら
window.onload=function(){
SPAN = document.getElementById('RANKINGChange').getElementsByTagName('span')
for(var i=0;i<SPAN.length;i++){
SPAN[i].onclick=function(){
SPAN = document.getElementById('RANKINGChange').getElementsByTagName('span')
DIV = document.getElementById('TODAYSRANKING').getElemetsByTagName('div')
for(var i=0;i<SPAN.length;i++){
if(this == SPAN[i]){DIV[i].style.display='block'}
else{DIV[i].style.display='none'}
}
}
}
<div id="RANKINGChange">「TODAY'S RANKING」<span>「シングル」</span><span>「アルバム」</span></div>
<div id="TODAYSRANKING">
<div>
<a href="**">**</a>
<a href="**">**</a>
</div>
<div>
<a href="**">**</a>
<a href="**">**</a>
</div>
</div>
これで良いかな？

補足

さっそくのご回答ありがとうございます。
せっかく回答を頂いたのですが、超初心者のため実現するとこが出来ませんでした。知識がなく申し訳ありません。
例えば「シングル」をクリックすると「1.html」、「アルバム」をクリックすると「2.html」が開くようにしようとすれば、どのようなコードになるのでしょうか？（2ファイルとも同じフォルダ内です）
重ね重ね申し訳ありませんが、宜しくお願い致します。