A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
こんにちは
bootstrapは存じませんが、ご質問の内容は「ページで入力された値を、(遷移した)次のページから参照したい」ということと解釈しました。
ご承知のように、ページ内の値は遷移の際に一度クリアされるため、値を継承したければ一旦外部に保存するか、値そのものを送信するなどが必要になります。
実際の内容がよくわかりませんが、オーソドックスな方法としては、(form等で)サーバに送信してサーバ側で引継ぐものがありますが、このためにはサーバ側のプログラムが必要となります。
クライアント側だけで実現するために旧くから用いられている方法のひとつとして、cookieの利用があります。
https://developer.mozilla.org/ja/docs/Web/API/Do …
ユーザの入力時にcookieに保存し、ページ表示時にcookieを調べることで実現することができるでしょう。
ほぼ同様なので記録先の違いだけともいえますが、cookieの代わりにweb strageを利用する方法も考えられます。
https://developer.mozilla.org/ja/docs/Web/API/We …
その他にも、外部に記録せずに直接引継ぐ方法として、URLのクエリー部を利用する方法があります。
仮に、リンク要素で遷移するならば、入力時に対象となるhrefを書換えておくといった要領です。
対象となるリンクが多い場合には書換えも面倒なので、遷移時にクエリーを追加するという方法にすることも考えられます。
遷移後に、読取る必要があるのはcookieと同様です。
https://developer.mozilla.org/ja/docs/Web/API/UR …
少し別の発想としては、インデックス(メニュー)部分を親要素にしておいて、実際の内容はiframe等に表示しておくということも考えられます。
これによって、遷移するのはiframeだけになるので、(遷移しない)親ページではそのまま値を保持できることになり、特別なことを行う必要がなくなります。
とは言え、(多分)ページの構成が大きく変わってしまうことや、アドレス表示が変わる等の問題点(?)も予想されます。
いずれの方法をとるにしても、若干のスクリプトが必要になります。
bootstrapに同様の機能が用意されているのかは知りませんが、確か、jQeryを利用していたと思いますので、比較的簡便に実現はできるものと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) PHPプログラムをエクセルに張り付けると検索ボックスがでてくる! 3 2022/05/08 07:10
- CGI htmlからパラメータで、cgiに渡したい。 1 2023/02/06 16:15
- PHP htmlspecialcharsが機能していないです。 バグですか? 1 2022/04/05 01:22
- PHP ここでの ②if($su_d<>"")の比較演算子 を使う理由は 1 2022/03/26 02:33
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- PHP PHPでCookieを使った訪問回数について 1 2023/05/28 14:10
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
- HTML・CSS ただいま勉強始めたての初心者です。フォームを縦並べにしたいです。 2 2022/11/20 17:18
- 英語 どのような場合に、予定や進行していない動詞を進行形にするかについて 2 2022/03/22 22:31
- JavaScript アップロードファイルの種類によって処理を分岐させたいのですが書き方が分からずアドバイスお願いします 4 2023/06/17 19:12
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
bodyにidをつける理由は何ですか?
-
ホームページ上に『位置固定』...
-
(Javascript)印刷するファイル...
-
リンクをクリックすると文字が...
-
擬似フレーム
-
iframeのsrcにページ内リンク(...
-
h1にmarginを指定すると一瞬カ...
-
ページの読み込みが完了してか...
-
<p>で<td>のように枠を表示させ...
-
<a href="#" …>の意味を教えて...
-
別ファイルのfunctionの読み込み方
-
JavaScriptからVBScriptの呼び...
-
<script>...</script> 要素の内
-
GIFアニメの動きが止まってしま...
-
相対パスと絶対パスの速度
-
SCRIPT5007: 未定義または NULL...
-
javascript外部読み込みの際の引数
-
cssにjavascriptを入れる?呼び...
-
pythonのWebスクレイピングでfi...
-
html メールリンクにて自動ファ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
bodyにidをつける理由は何ですか?
-
テキストボックス内にハイパー...
-
(Javascript)印刷するファイル...
-
ハイパーリンクに下線を表示す...
-
別ページのページ内リンクでの...
-
横スクロールを右から左へ・・・
-
bodyにwidth:100%をつける理由は?
-
ボタンが押されたらWebページの...
-
テーブル内の数値を自動で計算...
-
"mailtoでメールの【氏名】【性...
-
ページの読み込みが完了してか...
-
テキストをクリックすると答え...
-
インラインフレーム内のスクロ...
-
<body id=~>の用途は?
-
複数のiframeの読み込みについて
-
Chromeがiframe内の「#~」に釣...
-
-css- ページオープン時やリロ...
-
ページによって表示位置がずれ...
-
<HR>タグでつくる四角形につい...
-
リンクをクリックすると文字が...
おすすめ情報