HTML初心者なのでどなたか助けてください。
チェックボックスにチェックを入れた値を新しいウィンドウで表示させたいのですが、教えて下さい。
お買い物リストの様なものを作っています。
例:
A.html内
•にんじん
•じゃがいも
•キャベツ
•豚肉
•牛肉
※•=チェックボックスで作成してあります。
じゃがいもと豚肉のチェックボックスにチェックを入れ、送信ボタンを押すとb.htmlにじゃがいもと豚肉のみ表示される様な物が作りたいです。
どなたか教えて下さい。
よろしくお願いします。
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
まず、ブラウザ側に表示される画面とそこでの入力を受けサーバー側で動作するプログラムの関係を時系列で把握しましょう。
例えばA4の紙を縦に置いて上から下へ真ん中に線を引き、左半分をブラウザ、右半分をサーバ側プログラムとします。
紙の縦方向が時間。上から下へ流れます。
次に、画面Aはプログラムが送出するのではなくHTMLファイルなのであれば左上に長方形を書いてその中に「画面A」と書きます。
次に、その長方形の下寄り辺りから右側に向かって水平な矢印を書きます。
次に、矢印の線の下に画面Aで「実行」などのボタンをクリックしてsubmitした際にサーバへ飛ばす変数名と変数値を書きます。
次に、矢印の線の終点辺りから受信した変数名と変数値を受信して具体的にどのような処理を行うのかを箇条書きに書きます。(1), (2), (3)などと番号を付けて箇条書きにすると処理手順として見やすいでしょう。
最終的には画面BのHTMLを送出するわけですが、ブラウザ側では新たしいウィンドウなりタブなりを開いて画面Bを表示するのであれば画面Aで「実行」などのボタンをクリックしたさいは単純にsubmitするのではなく、画面のHTML中に用意してあるJavascriptを呼び出し、そのJavascript中で新しいウィンドウなりタブを作成し、チェックボックスにチェックされた項目もそのウィンドウなりタブなりに渡してあげて、そちらがわでsubmitさせる、、、といった方法をとればよいでしょう。
なお、submitしてサーバーへ飛ばすのではなく、画面A中に用意したらJavascriptで画面Bを生成することも可能です。
ただ、「お買い物サイト」ということは画面Aの前にログイン画面があったりする場合もあるのでしょうから、利用者のチェックや不正使用の防止といった観点から都度サーバー側へ飛ばして本来の機能処理だけでなく、そういった付加的処理も行うのが適当かと思います。
参考まで。
No.2
- 回答日時:
No.1です。
システム開発の仕事を30年ほどし、大小の企業、学校、官公庁など様々なお客様のシステム部門、エンドユーザー部門の方とお会いしてともに仕事をした経験では、他人のソースコードを利用して動かしてもなかなか自分の物にはならず、「機能を加えたい」、「機能を変えたい」と言った際に結局また引用元を頼ることになります。
特にWebシステムのように他人のソースコードを持って来ても比較的簡単に目に見える画面機能が動いてしまうものはその傾向が強いと考えます。
ということで、まずはHTMLのFORMをしっかり理解し、入力欄に値が入ったり選択肢を選んだりした際にその内容をチェックするような機能はどのようにでt減出来るのか、考え方、仕組みを理解することからはじめられるとよいでしょう。
ちなみに些細な事ですがJava scriptではなくJavascriptです。Javaとscriptの間にスペースは入りません。
ということをご存じないレベルを考えますとなおの事、求める機能を持ったソースコードを示したとしてもその内容は「おまじない」でしかなく、「何かわからないけど動いてよかったね」で終わるように思います。
ご質問内容ならびに補足内容からに察しましてお仕事ではなく趣味なのだと思いますが、それでも「静的なWebページではなく、画面入力内容を処理する機能を作ろう」ということでしたらご自身で仕掛けを理解することが肝要かと思います。
Javascriptを学ばれるのでしたらGoogleなどで「Javascript 入門」などの適当なキーワードで検索するとIT関連情報サイトや個人の方の説明ページが簡単に見つかるかと思います。また、少し大きめの書店で「コンピューター」や「プログラミング」などのコーナーへ行くと初心者、入門者向けの解説本もあるかと思います。
そういったものを利用し、ご自身がやりたい事を常にしっかりと頭の片隅に置いて勉強されれば求める動作をするJavascriptを書くのに何週間も掛かるようなことはないはずです。
参考まで。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Access(アクセス) Accessで予定表を作成しようとしてます。 テーブル フィールド名 連番 オートナンバー型 年月日 2 2023/07/23 11:40
- JavaScript javaScriptで画面に値を入れるには 1 2022/08/14 12:27
- Excel(エクセル) 表内で、Enterキーで横→行の最後入力したら次の行の先頭に移動するマクロを作りたい 3 2022/05/01 21:19
- Excel(エクセル) スプレッドシートのチェックボックスとフィルタを連携させたい 2 2022/09/26 18:02
- Excel(エクセル) Libreoffice calcで人名を取り消し線を入れたい。 2 2022/09/10 15:27
- Excel(エクセル) エクセルの散布図で新たに入力した値のデータラベルが空欄になる現象 1 2022/04/26 09:31
- Visual Basic(VBA) エクセルでフォームのチェックボックスを使用した日付表示切替を作りたい 3 2023/07/11 10:47
- 食べ物・食材 肉じゃがの作り方 11 2023/03/02 12:15
- Excel(エクセル) エクセルVBAでチェックボックスにチェックを入れる 1 2022/09/14 00:52
- Access(アクセス) アクセスで、androidのスマホサイズのフォームは作れますか?テキストとチェックボックスだけのフォ 1 2023/05/31 00:53
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
三菱GOTの画面切り替えについて
-
遷移元を判定したい!
-
Java-jspの画面入力値保持について
-
ServletからServletへの値渡し
-
Javascriptのhistory.back()が...
-
ASP.NET 画面遷移前の状態を保...
-
プログラミングで例えばゲーム...
-
JAVAのセッション変数の上書き...
-
戻るボタン
-
Struts1.3.10でAjax連携
-
C# ログイン画面からメイン画面...
-
【swing】ボタンクリックにより...
-
FormのsubmitでFormの内容がnull
-
Strutsの情報保持の仕方について
-
PDFファイルを表示するサブ...
-
登録後、呼び出し元ページに戻...
-
location.hrefでページ切替時の...
-
ポップアップでウィンドウを表...
-
java初心者です。 画面Aで情報...
-
system("cls")について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
三菱GOTの画面切り替えについて
-
C# ログイン画面からメイン画面...
-
C言語で今まで表示していた画面...
-
画面遷移を行わずに同一ページ...
-
Java-jspの画面入力値保持について
-
プログラミングで例えばゲーム...
-
フロントエンドフレームワーク...
-
ASP.NET 画面遷移前の状態を保...
-
遷移元を判定したい!
-
画像の縦横比固定の計算方法。
-
FormのsubmitでFormの内容がnull
-
画面を隠す・消す方法を教えて...
-
HTMLのINPUTから画面表示
-
登録後、呼び出し元ページに戻...
-
ボタンを押したあとに画像を表...
-
Javascriptのhistory.back()が...
-
ServletからServletへの値渡し
-
セッション切れでのリクエスト...
-
アドレスバーに引数を表示させ...
-
system("cls")について
おすすめ情報
Java scriptの知識があまりなく、できればサンプルのソースコードを書いて頂けると非常に助かります!
よろしくお願いします。
Java scriptの知識がなく、サンプルソースコードを書いて頂けませんでしょうか?
よろしくお願いします。