痔になりやすい生活習慣とは?

ホームページ初心者です。
小さい写真をクリックして、サーバーから拡大写真をダウンロードして閲覧します。
そこから戻る場合、「戻る」ボタンで元のページに戻ります。
ここまでは出来ます。
ここでこの小さい写真が、立てスクロールを下に下げなければならないほど下にある場合、「戻る」ボタンでこの下の位置の写真を表示する方法は、あるんでしょうか?
どなたかお分かりの方、教えてください。
よろしくお願いします。

このQ&Aに関連する最新のQ&A

A 回答 (4件)

「戻る」ボタンがリンクの場合であれば、リンク先を開いた時に表示させたい位置に、特定の名前を付けるname属性を持つa要素を入れておき、それに対してリンクをすればよいでしょう。


戻り先のターゲットになるところには、

<a name="back"></a>

このような要領でa要素を入れておき、リンクは

<a href="***.html#back">戻る</a>

のように、ファイル名に続けて#とターゲットになるa要素のname属性の値をつけます。
ここまでは、先の方の回答の内容と同じです。 HTMLで制御する場合は、こうするのが良いと思います。

もしJavaScriptを使うことにも抵抗がない場合は、JavaScriptでブラウザのバックボタンを押した時と同じ動作を得るのも良いかもしれません。 こちらのケースでしたら、戻るリンクのタグ内にJavaScriptを付け加えるだけです。 ただ、JavaScriptの動作を止めている環境ではこれだけだとうまくナビゲーションできないこともあるので、前掲の方法と併用するのが良いと思います。 前掲の方法と組み合わせた例ですが、戻るリンクの方のソースの記述を以下のように変えてみてください。

<a href="***.html#back" onClick="history.back(); return false;">戻る</a>

こうすると、このリンクをクリックすると、JavaScriptが有効な環境ではブラウザのバックボタンを押したのと同じ動作になって、拡大表示のページに行くリンクが表示されている位置に戻ると思います。 JavaScriptが有効でない環境でも、前掲のような動作になるはずです。

もし、上のように拡大表示のページを用意してリンクから戻るという動作ではなく、ブラウザのバックボタンで拡大表示のページから戻るとページ先頭に戻ってしまうというケースでしたら、HTMLの側での制御は難しいかもしれません。
もしこちらのケースでしたら、拡大表示を別ウィンドウで表示させる方が簡単かもしれませんね(別ウィンドウにページを開かせる指定方法については、過去の質問を検索すればたくさん見つけることができると思いますので、それらを参考になさるのが良いでしょう)。

参考まで…

この回答への補足

ご回答ありがとうございます。
申し訳ありません。
超初心者で、うまく使えません。
下記のソースコードになっていますので、具体的に教えて頂けないでしょうか。

(1) <table><tr><td>
<a href="http://www.~/shasin20dai.html">
<img
src="shasin20.jpg"></a></td></tr></table>

(2) <a hreg="http://www.~.html">戻る</a>

(1)のページの名前は、shasinshuu.htmlとしています。
(1)から(2)へジャンプし、(2)から(1)のshasin20の位置に戻りたいのです。

拡大写真はすべてプロバイダーのサーバーに置き、クリックの都度ダウンロードするようにしています。
よろしくお願いします。

補足日時:2003/09/25 12:06
    • good
    • 0
この回答へのお礼

色々やってみて、遂に成功しました。
補足はキャンセルします。
取り敢えずはHTMLだけですが、JavaScriptにも挑戦してみたいと思います。
有難うございました。

お礼日時:2003/09/25 14:54

#3です


閉じるのを忘れていました

1)
<A NAME="適当な名前">
<a href="http://www.~/shasin20dai.html">
<img
src="shasin20.jpg"></a>

1)
<A NAME="適当な名前">
<a href="http://www.~/shasin20dai.html">
<img
src="shasin20.jpg"></a></a>
    • good
    • 0
この回答へのお礼

ご回答いただき、有難うございます。
(1)では、テーブルを使っていますので、<td>の前に<a name="shasin20">と置き、</td>の後ろに</a>とすれば、うまくゆきました。
siyuno_oさんの方法も試してみます。
下の方へのお礼を書こうと画面を開いたら、siyuno_oさんのご回答がありましたので、まだ試していません。
申し訳ありません。

お礼日時:2003/09/25 15:22

こんな感じでは



1)
<A NAME="適当な名前">
<a href="http://www.~/shasin20dai.html">
<img
src="shasin20.jpg"></a>

(2) <a hreg="http://www.~.html#適当な名前">戻る</a>
    • good
    • 0

name機能でできます。

下記を参考に。

http://tohoho.wakusei.ne.jp/html/attr/name.htm

参考URL:http://tohoho.wakusei.ne.jp/html/attr/name.htm

この回答への補足

ご回答ありがとうございます。
補足をNO2さんの方でさせていただきました。

補足日時:2003/09/25 11:19
    • good
    • 0
この回答へのお礼

うまく出来ました。
有難うございました。

お礼日時:2003/09/25 15:03

このQ&Aに関連する人気のQ&A

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

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qブラウザの戻るで元の位置に戻らない

IE8を使っていますが、最近、ブラウザの戻るで元の位置に戻らないのです。
以前はそんな事は無かったと思うのですが…。
前のページには戻りますが、トップの部分になってしまいます。
スクロールしていた位置に戻らないのです。

FireFoxなら、問題なくちゃんと戻ります。

何か設定とかあるのでしょうか?
よろしくお願いします。

Aベストアンサー

次には、IE8のバグとの話もあるようですが、
(ジャンプ後、戻るボタンで元の場所に戻らない。)
http://iromizu.com/FAQ.html

そのまま我慢して利用されるか、他のブラウザをメインに利用するか、はたまた、「回避策」としてではなく、

常用のブラウジングスタイルとして、IE8でも「元のページは現状表示状態に残したまま」、同ページのリンクの中クリックで別の新しいタブにリンク先のページを開けますから、用が済めば同タブの中クリックで消せますので、そういう方法を採られたらいかがですか。

それでも、「タブバーの中クリック」で「閉じたタブの復元」ができないと思いますので、IE8は使い勝手が悪いですね。

Qヤフー。トップページに戻ると1番上の画面に戻ってる

ウィンドウズ10を使っています。

普段はヤフーを使っているのですが、ヤフーのトップ画面を下にスクロールして記事をクリックし、他のページに飛んでトップに戻るキーを押したらトップ画面のスクロールした場所ではなく1番上まで戻っています。
下のほうまでスクロールしていた時なんかまた下まで行かなくてはいけないのが面倒です。
私が何かの拍子でそういう設定にしてしまったのでしょうか?
以前のバージョンではスクロールした場所に戻っていたので何も問題ありませんでした。
これはヤフートップ画面だけです。
ヤフーから他に飛んでネットサーフィンしていてもこういうことにはなりません。
ヤフートップには読みたい記事がたくさんあるのでいちいちスクロールするのが時間の無駄でストレスたまります・・・
スクロールした場所に戻るにはどうしたらいいのでしょうか?
詳しい方よろしくお願いします!

Aベストアンサー

No.5です。私は Google Chrome を使ってません。
Google Chrome を使っていらっしゃる方、アドバイスをよろしくお願いいたします。

Q【Firefox】前のページへ戻るとスクロール位置が上に戻る

Firefox(バージョン 2.0.0.7)を使用しています。

画面をスクロールしてページの下の方にあるリンクをクリックして、クリック先のページを表示した後、前のページに戻ると、さきほどスクロールした位置ではなく、上に戻って表示されることがあります。IEのようにスクロールした位置を保持する設定、または、アドオンなどがあれば教えてください。

Aベストアンサー

私も同じ経験しました。

でも、全サイトがそう言う状態じゃないので。
今まで来てます。

偶にそう言うサイト確かにあります。

私も、ANo.2さんが言う。
>私の推測では訪れたサイト側の設定に原因があるみたいです。

このあたりではないかと・・・

Q勝手に一番上まで戻らないで欲しい

iPhoneでだいぶ下にスクロールした段階で、リンクを開いたとします。でも、面白くないから、戻るをして、ページを戻ったとします。

すると、だいぶ下にスクロールしてたはずなのに、一番上まで戻ってしまうんです。

また、指で弾きながら、下にスクロールするのは面倒。

この、勝手に一番上まで戻るのを、やめさせる方法はないんですかね?

Aベストアンサー

>勝手に一番上まで戻るのを、やめさせる方法はないんですかね?

対処療法になりますが

リンクを長押しし、『新規タブで開く』を選択して、開きます。

戻るときは、二重四角のタブ一覧ボタンをタップして、現在画面を(X)で閉じます。

すると、元の画面はスクロールした位置のまま、戻れます。

ただし、新しいウインドウを開いてから、あまりにもいろいろページを開いて、戻ると、これでも再読み込みになってしまったりしますけど。

QFORMで送信ボタンと戻るボタンを2つつけてそれぞれ遷移先を変えたい

  
以下のような画面を作りたいのですが↓

--------------------------------------------------------------------------------
● a.php (ユーザ情報入力画面) ※フォームに入力する画面
 
 <FORM method="POST" action="b.php">
  <INPUT type="text" name="mail">
  <INPUT type="submit" name="submit" value="確認">
 </FORM>

● b.php (ユーザ情報入力確認画面)※フォームに入力された値を表示する画面

 <FORM method="POST" action="c.php">
  <!-- ここには、フォームに入力された値を表示する -->
  <INPUT type="submit" name="submit" value="登録"> // c.php に遷移する
  <INPUT type="submit" name="submit" value="戻る"> // a.php に戻る
 </FORM>

● c.php (完了画面)
--------------------------------------------------------------------------------
b.php について質問なのですが、
b.phpにおいて、登録ボタンと戻るボタンを2つつけて、
それぞれ遷移先を変えたいのですが、どうすればいいんでしょうか・・・?
<FORM method="POST" action="c.php">と書いてしまうと、
戻るボタンを押しても戻らずに、c.phpに遷移してしまいますよね??
こういう場合ってJavaScriptとかで遷移先を指定するんですか・・?
もしそうでしたら、JavaScriptがよくわからないので
できればサンプルコード示していただけると助かります・・・。
  

  
以下のような画面を作りたいのですが↓

--------------------------------------------------------------------------------
● a.php (ユーザ情報入力画面) ※フォームに入力する画面
 
 <FORM method="POST" action="b.php">
  <INPUT type="text" name="mail">
  <INPUT type="submit" name="submit" value="確認">
 </FORM>

● b.php (ユーザ情報入力確認画面)※フォームに入力された値を表示する画面

 <FORM method="POST" action="c.php">
  <!-- ここには、フォームに入...続きを読む

Aベストアンサー

はじめまして。

<INPUT type="submit" name="submit" value="登録" onClick="form.action='c.php';return true">
<INPUT type="submit" name="submit" value="戻る" onClick="form.action='a.php';return true">

でいいと思います。(実際、このコードで使っています)
値を渡すには、FORM内にhiddenで、値を設定しておいて、methodをPOSTに設定しておけば、渡せます。

QCSSでborderの長さを指定、または可変にしたい。

下記のように指定していますが、これだと横幅いっぱいに下の線が表示されてしまいます。

文字なりの長さ、または指定のピクセル数にしたいのですが、どのようにしたらよいでしょうか。

h3{
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

Aベストアンサー

borderの長さはそのボックスの大きさですから、ボックスの大きさを指定する事になります。
h3{
width:???px;
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

また、文字数(ボックスの内容)に合わせたい場合は、ボックスを浮動化(float)する等の方法もありますが・・・そのボックスの周りへ影響が出たり、ブラウザ毎にバグや実装の違いなどが比較的多く、扱いが面倒になるのであまりおすすめできません。

HTMLの方も修正する方法でもよければ

<h3><span>××○○</span></h3>
のようにspanで囲い、スタイルをspanに対して指定する方法もあります。

h3 span{
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

borderの長さはそのボックスの大きさですから、ボックスの大きさを指定する事になります。
h3{
width:???px;
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

また、文字数(ボックスの内容)に合わせたい場合は、ボックスを浮動化(float)する等の方法もありますが・・・そのボックスの周りへ影響が出たり、ブラウザ毎にバグや実装の違いなどが比較的多く、扱いが面倒になるのであまりおすすめできません。

HTMLの方も修正する方法でもよけ...続きを読む

QHTMLファイル同士での値渡し

困っています。

HTMLファイルからHTMLファイルへ移動するときに、
HTMLファイル1でJavaScript で算出された値を
HTMLファイル2へ渡して使用したいのです。

showModalDialogだとダイアログにしか渡せないし・・・。
このように、値をそのまま次のページに渡すための方法を教えてください。
お願いします。

Aベストアンサー

すみません。うっかりしてました。

document.write(FORM[v1]);
では、v1を変数と認識してしまうので、エラーになってしまいますね。

document.write(FORM.v1);  // 「FORM.v1」です
あるいは
document.write(FORM["v1"]);
としてください。

QHTMLフォームのSELECTの幅を一定にするためには?

HTMLフォームのSELECTの幅を一定にするためにはどのようにすれば
いいのでしょうか?

CSS等で設定できるとありがたいのですが、やり方がわかりません。

Aベストアンサー

<select style="width: 200px">

Qリンクをクリックした時にformからPOST送信したい。

HTML、PHP、JavaScript等でサイトを作っているのですが・・・。

【実現出来ている例】
<form name="form1" method="post" action="Next.php" onSubmit="return InputCheck()">
 <input type="submit" value="送信">
</form>
 submitボタンを一つ置いて、それがクリックされた場合に
formの内容をPOSTで送信する。

【実現したい例】
<form name="form1 method="post">
 <a href="Next.php" onClick="???">???</a>
</form>
 formの中のリンクをクリックされた場合に、formの内容を
POSTで送信したいのですが、その実現方法がわかりません。
GETで送るという手もあり得ますが、今回はどうしてもPOST
したいのですが。

Aベストアンサー

<form name="form1" method="post" action="Next.php">
<a href="#" onClick="document.form1.submit();">???</a>
</form>

onclick内の対象がform1としてあてているので、
アンカータグは別にform内に記述しなくても大丈夫です

form内にhidden等でnameとvalueを持ったパラメータがあればそれも送られます

アンカータグから動的にvalueを変更したい場合は、
document.form1.hogename.value = 'hoge';
等をsubmit()の前に行えば可能です

ただしform内に
<input type="hidden" name="hogename" value="">
を記述する等、変更先パラメータの元を用意する必要がありますのでご注意下さい

QCSSでボックス幅を文字列に合わせたい

ボックス幅を文字列の幅に合わせるにはどうしたらいいのでしょうか。
テーブルではセルにwidth属性を指定しなくても文字列の幅になりますが、ボックスではwidthプロパティを指定しなかったら領域全体の幅になります。white-spaceプロパティでnowrap指定し、widthプロパティで文字列より小さいサイズに指定するとできるのですが、他に指定する方法があれば教えて下さい。

Aベストアンサー

div等のblock要素ではなくspan等のinline要素によって行う。

<span style="border:solid 1px">文字幅に合わせた枠線</span>


このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング