ボタンをクリックしたらページを更新

解決済

質問者：w-inty
質問日時：2004/09/23 16:15
回答数：5件

javascriptでボタンをクリックしたらページの更新をしたいです。

リロードかな？と思ったのですが、ボタンをクリックすると、そのページの一番上にいってしまうんです。
今見てる状態でブラウザの「更新」を押したような動作をして欲しいのですが、できるのでしょうか？

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (5件)

ベストアンサー優先
最新から表示
回答順に表示

No.4ベストアンサー

回答者： torakiyojp
回答日時：2004/09/27 10:57

更新前にスクロールの位置を取得して、更新後にスクロールの位置を更新前の位置に戻せば良いですね。

スクロールの位置を何処に保持しておくかは、お使いの環境に合わせて考えてください。

以下のような形でどうでしょう？

<html>
<head>
<title>リロード</title>
<script language="JavaScript">

</script>
</head>
<body id="bodyObj" onLoad="init();">
一番上
<br>
<br>
<br>
(以下<br>タグ続く)
<input type="button" value="リロード" onClick="fixReload();">
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</body>
</html>

- 0
- 件

通報する

この回答へのお礼

回答ありがとうございます。

そのままコピーして試してみたのですが、クリックを押すと、ファイル名がかわってしまうんです。
例えば「text.html」とした場合、
クリックをすると
「reloadTest.html」
となってしまいます。

このような場合はどうしたらいいでしょうか？

通報する

お礼日時：2004/09/27 11:33

No.5

回答者： torakiyojp
回答日時：2004/09/27 11:43

No.4に記したソースですが、reloadTest.htmlという名前で作成しました。

text.htmlとしたい場合は

function fixReload(){
location.href = "reloadTest.html?beforeScrollTop="+document.getElementById("bodyObj").scrollTop;
return false;
}

のreloadTest.htmlをtext.htmlに変えてください。

- 0
- 件

通報する

この回答へのお礼

すいません、無事できました。
ありがとうございました！！

通報する

お礼日時：2004/09/27 11:54

No.3

回答者： caitsith_goo
回答日時：2004/09/23 18:46

回答しても表示されないのでもう一度投稿します。

もし２重投稿になってしまったら申し訳ないです。

リロード＋ページ内リンクは、
<input type="button" value="リロード" onClick="location.reload('#0604');">
でできますよ。

- 0
- 件

通報する

この回答へのお礼

回答ありがとうございます。

早速このようにしてみました。

<INPUT TYPE="BUTTON" VALUE="アニメーション" onClick="location.reload('#0604');">

<A NAME="0604">KOKO</A>

ページ内リンクはうまくいってるようですが、リロードが…。
どこか間違ってるでしょうか？？

通報する

お礼日時：2004/09/24 08:51

No.2

回答者： caitsith_goo
回答日時：2004/09/23 18:39

リロード＋ページ内リンクでいいのなら

<input type="button" value="リロード" onClick="location.reload('#0604');">
でできますよ。

- 0
- 件

通報する

No.1

回答者： Link_Luke
回答日時：2004/09/23 16:24

リロードについてのページですが知識があまりないのであってるかどうかはわかりません

参考URL：http://www.openspc2.org/JavaScript/library/etc/r …

- 0
- 件

通報する

この回答へのお礼

回答ありがとうございます。

やっぱりどうしても希望する動作にならなかったので、
リロード+ページ内リンク、という方法はどうだろうと思いやってみました。

<A HREF="#0604" onClick="location.reload()">LINK</A>

<A NAME="0604">KOKO</A><BR>

としてみたところ、リロードのみ動いて、ページ内リンクは動作しませんでした。
両方を実現したい場合はどうしたらいいのでしょうか？

通報する

お礼日時：2004/09/23 17:32

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！