<a href="#pagetop">以外での移動方法

<a href="#pagetop">ページトップ</a>以外での、同一ページ内の移動方法を教えてください。


ページの先頭に、
<a name="pagetop"></a>

を置いておいて、ページの下のほうに、
<FORM>
<INPUT TYPE=button value="ページトップ" onclick="JavaScript:location.hash='#pagetop'">
</FORM>

これで、移動できるのですが、これですとボタンになってしまいます。
普通のテキスト、もしくは画像にしたいのですが、どのようにしたら良いでしょうか？

よろしくお願いします。

No.2 ベストアンサー 回答者： yambejp 回答日時： 2006/05/31 19:01

>ショップシステムのページで使用したいため、

><a href="#pagetop">ページトップ</a>では、
>ページのトップに移動することが出来ません。

<a href="#pagetop">で移動できないものは、
location.hash='#pagetop'でも移動できないですよ？
勘違いがあるのではないでしょうか？

とりあえずどうしてもjavascriptで飛びたいなら
aをトリガーとするものを書けばいいのです
こんな感じ？
<a href="javascript:void(0)" onClick="location.hash='#pagetop'">ページトップ</a>

ただ、javascript非対応のブラウザだと
誤動作しますので、その対応まで考えると
こんな感じで。

<script language="javascript">
<!--
document.write('ページトップ'.link('#pagetop'));
//-->
</script>
<noscript>
<a href="#pagetop">ページトップ</a>
</noscript>

この回答へのお礼

回答ありがとうございました。
<a href="javascript:void(0)" onClick="location.hash='#pagetop'">ページトップ</a>
を使わせていただきます。

でも、実際に、<a href="#pagetop">ページトップ</a>と一緒に置いてみても、location.hashはちゃんと動作するんですけれど、a hrefでは他のページに飛ばされてしまうんです。どうしてでしょうね・・・？

ともかく、ありがとうございました。

お礼日時：2006/06/01 10:08

No.3 回答者： BLUEPIXY 回答日時： 2006/05/31 20:00

>普通のテキスト

<span onclick="…">普通のテキスト</span>
>画像
<img … onclick="…">

この回答へのお礼

ありがとうございました。

お礼日時：2006/06/01 10:09

No.1 回答者： noname#25358 回答日時： 2006/05/31 18:02

　補足をお願いします。

１．なぜ <a href="#pagetop">ページトップ</a> では駄目なのですか？
２．どういう形が理想ですか？

この回答への補足

関心を寄せてくださってありがとうございます。

・1について
ショップシステムのページで使用したいため、<a href="#pagetop">ページトップ</a>では、ページのトップに移動することが出来ません。

・2について
質問に書いたような簡単なJavaScriptで、ボタン状でないものが理想です。
（このままで動作はするのですが、できればテキストか画像で...）

宜しくお願いします。

補足日時：2006/05/31 18:26