JavaScript で汎用的なアンカーリンクを使うには？

質問

下に続いて画像集についてですが、
一つの Web Page 内にインラインフレームが３つあり、
左に大カテゴリー、右上にサブカテゴリー、右下に
画像リストがあります。

ここで左カテゴリーのリンクをクリックすると
ページが変化するのは右下の画像リストのみで、
右上のサブカテゴリーは全てのページに共通してるので
汎用的に使いたいと思います。
これを category.html とします。

ここで右上のサブカテゴリーは右下の画像リストの
アンカーに対応しており、例えば
category1 ～　category5 があり
右下のフレームを name="picture",
その web page を list.html とするなら

function change(url) {
window.parent.document.picture.location.href = url;
}

この関数の中で こちら ↓

onclick="change('list.html#category1');"

は正常に使えますが

onclick="change('#category1');"

とすると category.html#category1 が表示されます。
この場合 category.html を汎用的に使うことは可能でしょうか？

ちなみに、インターネットでこちらの source もみつけたんですが ここにうまく応用できません。。。

obj = document.getElementById(id_name);
y = obj.offsetTop;
scrollTo(0,y);

回答No.1

arenani_sorenani · ベストアンサー

質問の意味がいまいち良く解らないんですが
アンカーを呼ぶなら

location.href を　location.hash　にしてみて下さい。

また汎用的にという部分ですが、

function change(str) {
window.parent.document.picture.location.href = "list.html"+str;
}

onclick="change('#category1');"

とすると、'list.html#category1'を指定したことになります・・・
勘違いならごめんなさい・・

.

お礼

説明がヘタで申し訳ないです。。。

具体的に言いますと、ホテル画像集を作ってまして
左のカテゴリーにはホテルのリストが50ぐらい、
右上のサブカテゴリーには
プールサイド、外観、室内など５つのリンクがあります。
このサブカテゴリーは全てのホテルに共通してるので
汎用的に使いたいと思ってます。

location.hash

は IE で動いたのですが firefox では使えませんでした。。。
自分の設置の仕方が間違ってるのでしょうか？

"list.html"+str;

にヒントを得て現在のファイル名を取得してみたのですが、

original = window.parent.document.picture.location.href;

function change(url){
　　　　url = original + url;
　　　　window.parent.document.picture.location.href = url;
}

こちらも IE のみで動作可能でした。
なにかアドバイスありますでしょうか？