• ベストアンサー

汎用ボタンについて

質問させてください。 WEBの画面上に3つのボタンを配置させ、 ボタンを押すごとに指定したHTMLが画面に表示されるように したいのですが、どのようにすればいいでしょうか？ できればリンクではなくあくまでボタンを使用したいと 考えています。 JavaScriptを使用してもかまいません。 簡単でかまいませんので宜しくお願い致します。

  • 653
  • お礼率36% (138/382)
  • HTML
  • 回答数3
  • ありがとう数3

質問者が選んだベストアンサー

  • ベストアンサー
noname#48234
noname#48234
回答No.3

ごめんなさい。 フレームバージョンを載せてしまいました。 ↓が正しいです。 <html> <head><title>BUTTON</title> <script language="JavaScript"> <!-- function changePage(url){ location.href = url; } //--> </script> </head> <body> <form> <input type="button" onClick="changePage('a.html')" value="Page A"> <input type="button" onClick="changePage('b.html')" value="Page B"> <input type="button" onClick="changePage('c.html')" value="Page C"> </form> </body> </html>

653
質問者

お礼

返信ありがとうございます。 すみません、詳しいサンプルを書いていただいて。 上記のスクリプトで動きました。 これをもとに作成していきたいとかんがえています。 ご迷惑をかけないよう勉強いたします。 ありがとうございました。

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (2)

noname#48234
noname#48234
回答No.2

再び＃１です。 補足があるまで作ってました（笑） 表示切替後のページにはボタンが無く、ブラウザの「戻る」でボタンがあるページに戻るということですね？ それなら一番簡単なパターンですね。ソースは以下のようになります。ただし必要最小限のソースですので、文字コード指定など必要なソースを補ってください。 ＜各ページのソース＞ ○最初に表示されているボタン付きページ <html> <head><title>BUTTON</title> <script language="JavaScript"> <!-- function changePage(url){ parent.main.location.href = url; } //--> </script> </head> <body> <form> <input type="button" onClick="changePage('a.html')" value="Page A"> <input type="button" onClick="changePage('b.html')" value="Page B"> <input type="button" onClick="changePage('c.html')" value="Page C"> </form> </body> </html> ○切り替え用ページ　a.html ○切り替え用ページ　b.html ○切り替え用ページ　c.html 注）切り替え用のページの名前（a.html、a.html、a.html）、ボタンに表示される文字（value="Page A"、value="Page B"、value="Page C"）は説明上のものです。任意の名前に変えてください。ただし、切り替えページの名前を変えたときは、ボタン付きページのソース内の('a.html')('b.html')('c.html') もそれに対応するように変えてください。 とりあえず、改造前に上のボタン付きページと、適当な内容のa.html、b.html、b.html、４つのファイルを作って試してみてください。

全文を見る
すると、全ての回答が全文表示されます。
noname#48234
noname#48234
回答No.1

こんにちは。 ソース編集（手書き）はある程度できますか？ 全くできないようでしたら例文を載せたところで、その例文のどこを変更したらいいのか分からないと思うので。 ボタンがある部分は表示しっ放し（フレームを使って別ページにする。「ボタン以外の部分」が切り替わる。）のほうがよいですか？ 表示させたい各ページに３つずつボタンを付けてしまう方法もあります（ボタンを押すたびに「ページ全体」が切り替わる）。 どちらがいいのでしょうね。それによって記述が変わってきます。

653
質問者

補足

返信ありがとうございます。 ソースの編集はある程度できます。 まず(1)画面に３つボタン（A,B,C)があるとします。 Aボタンを押下すると(1)画面と同じ画面にA画面が表示され、 ブラウザの”戻る”で(1)画面にもどるような形です。 ボタンは常に表示ではなく、(1)画面のみ表示になります。 すみません、説明不足でご迷惑おかけしました。 宜しくお願い致します。

全文を見る
すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • 印刷ボタン

    Flash8を使用しています。 flaファイルを３個（flaA,flaB,flaC）作って各々のswfファイルをHTML上に配置いたしました。 flaA上に「印刷ボタン」を作って HTML上の操作で表示画面ABCを印刷したいのですが、「印刷ボタン」をクリックした場合にA画面のみの印刷となり、BCが印刷されません。 印刷ボタンのスクリプトは、 on(release){ print("MC","bmax"); } ですが、上記のスクリプトでは、A画面しか印刷されません。 "MC"の部分でABCの全画面を指定するのだと思いますが、スクリプトの書き方が分かりません。尚、印刷画面がA4版用紙に縮小印刷されるとなお良いのですが。 宜しくお願い致します。

    • ベストアンサー
    • Flash
  • JavaScriptでブラウザを全画面表示

    JavaScriptでブラウザの全画面表示と通常表示を切り替えるボタンのようなものを作成したいと考えているのですが、可能でしょうか？ 全画面表示（フルスクリーン）でリンク先を開くというのは調べれば、簡単に出てくるのですが、既に開いているhtmlを全画面にしたいです。 具体的には、キーボードでF11が押されたのと等価なボタンをブラウザに配置したいです。 JavaScriptからF11キーイベントをブラウザに発行することってできるのでしょうか。 （fireeventなどを使用すれば可能？） また、それ以外で良い方法があれば教えていただきたいです。 ある特殊な環境（イントラネット内）でのみ使用されるhtmlでして、ユーザーのタッチパネル操作も想定しなければならず、ユーザーにキーボードを押させることができないため、画面上にボタンを配置するしかないのです。 また、IE7や8で動作させなければならないため、HTML5を使用というのも難しいです。 まず、可能なのか不可能なのかを判断したいです。（不可能な場合、発注先に報告し、仕様を変更させてもらいます。） どなたかご教授お願いします。

  • asp.net　C#　別画面にwebページを表示させたい

    ボタンがクリックされたときに別画面にHTMLのwebページを表示させたいのですがやり方がわかりません。 urlだけ指定して簡単にリンクさせることはできないのでしょうか。。

  • javascriptでのボタンの位置、大きさと

    サイトに占いのjavascriptを記述したのですが javascriptで占いボタンの位置を上下左右任意の位置に配置する方法と占いボタンの大きさを任意のサイズに変更したいです。 それと占い結果で表示されるポップアップ内にテキストリンクを挿入したいです。 どのように記述すればいいのでしょうか？ お分かりの方いましたらお願い致します

  • ラジオボタンの未選択アラート/送信ボタンはリンク

    初めまして。 診断サイトのテスト画面を作成しております。 2問×４ページ＋結果1ページの構成です。 １ページの中にラジオボタンを使用した４択問題×２問あり、 ページ下部に「次へ」のボタンを配置しています。 その「次へ」ボタンを押す際に、 未選択のラジオボタンがある場合にアラートがあがり、 （「次へ」ボタンは画像） かつ選択済みの場合は次のページへリンクする、 という仕様にしたいのですが、 何から設定したらよいのか迷走してしまっております… <input type="image">に対してリンクを設定してみようと色々やってみたのですがうまくいかず、 参考サイトから引用してきたりもしているのですが、 アラートだけ設定できてもリンクか画像表示ができない、、と あっちをたてればこちらがたたずという状況です。 ちなみにテスト画面なので、 ラジオボタンの数値等は無視してOKです。 【「次へ」ボタンを押すときにページ内未選択のものがある場合アラートがあがる／「次へ」ボタンを押すと次のページに移動する（リンク）】の状態が実現できれば、 書き方等に特にこだわりはありません。 また、javascriptは今回始めて触れているような状況で、 わかりにくかったら申し訳有りません。。 そもそもjavascriptが適切なのかも不明な状態です。 何卒よろしくお願い致します。

  • WEB画面でのボタンクリック機能について

    すみません。困っていますので、教えてください。 VBScriptで色々処理をしているのですが、WEB画面で上下２フレームに分割した、上フレームに条件を入力して、配置したボタンをクリックすることにより、下フレームにその結果を表示させたいのですが、VBScriptで可能でしょうか。JavaScriptでないとやはりだめなのでしょうか。（なんらかの画面：html画面でも表示できれば何とかなりそうなのですが。)

  • androidにおけるボタン表示

    androidプログラミング初心者です。 ウエッブ上でかなりの時間を割いて以下の事項について調べましたがどうしても解決できません。 androidにおいてcanvasあるいはOpenGL表示画面にボタンを指定箇所に配置する方法はありますか。 もしなければ、それらの画面から次の画面等を表示さす方法を教えていただければ幸です。

  • クリックボタン(onclick)の配置について

    画面に表示させるクリックボタンの配置についてお聞きします。 <button onClick="ボタン押下時の動作()">Click</button> 上記の様に、クリックボタンをWeb画面に表示させる場合なんですが、 画面に表示させる方法を"left"や"center"の様に大まかに設定するのではなく、 詳細に座標を指定して表示する方法はありますでしょうか？

  • PHPでPDFファイルの直接印刷

    HTML、PHP、JavascriptでWeb画面上から印刷枚数を指定し、Web画面上の「印刷」ボタンを押すと、直接、特定のファイルパスのPDFファイルを印刷できるようにしたいと思っています。 かなり検索したのですが、それを実現できるようなものが見当たりません。 どうかご教授ください。よろしくお願い致します。

    • ベストアンサー
    • PHP
  • Yahooの検索ボタンについて

    Yahooのトップページにある、検索、画像、ニュース、辞書のボタンなんですが、 IEでボタンを右クリックしても、表示されるメニューと、 表示されないメニューがあります。 これはＨＴＭＬのタグで指定しているのでしょうか？ それともJavaScriptで指定しているのでしょうか？ どなたか分かる方ご教授願います。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する