• ベストアンサー

HP上のデータ部分に検索機能を設ける為には？

私は、下のサイトに倣って架空の力士の四股名を載せるHPを作成したいと思っています。 http://www.szumo.hu/Sumotori/ 例えば、「出身地」のボタンがありますが、ここをクリックすると http://www.szumo.hu/Sumotori/index-birthplace.html 上のように県名や国名がズラリと並んだページが出て来ます。 ここで、例えば「モンゴル」のボタンをクリックすると、下のようにモンゴル出身の力士の名前がズラリと表示されます。 http://www.szumo.hu/Sumotori/Rikishi-Mongolia.html 私が作りたいHPにもこういう機能を設けたいのですが、具体的にどのようにすれば良いのでしょうか？ また、私はデータの部分はデータ整理の利便性（？）や装飾を理由にエクセルで作成予定です。 どなたか御回答を宜しく御願い致します。

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

  • ベストアンサー
回答No.2

以下を外部スクリプト（.js）として保存してください。 function jump(){ if (document.serectForm.select1.options[document.selectForm.select1.selectedIndex].value != "none") { document.location = document.selectForm.select1.options[document.selectForm.select1.selectedIndex].value } } document.write('<form name=\"selectForm\"><select name=\"select1\">'); document.write('<option value=\"none\">Nolink</options>\n'); document.write('<option value=\"URL_1\">Link1</options>\n'); document.write('<option value=\"URL_2\">Link2</options>\n'); document.write('<option value=\"URL_3\">Link3</options>\n'); document.write('</select>'); document.write('<input type="button" VALUE="Go" onclick="jump();">'); document.write('</form>'); ここまで <body>タグ内のメニューを表示させたいところに <script src="外部スクリプト名.js"></script>を記述。 後は各リンクを完璧に作るだけ。 参照しているURLのセレクトメニューは別に検索使っているわけではありません。 リンクをセレクトメニューで行なっているだけです。

13oclock
質問者

補足

回答有り難う御座いました。 何となく参考になりそうな気がしていますが、私はHP作成に関しては初心者なので、もし宜しければもう少し詳しく教えて頂くことは出来ないでしょうか？

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

その他の回答 (2)

回答No.3

htmlファイルの構成も分からないといっているのですか？ セレクトメニューによるリンクはjavascriptの知識も必要です。 少なくともhtmlの超基本のタグの意味ぐらいは理解していないと話になりません。 「初心者だから」で何でも聞けると思わないでください。 Web上の（この手のリンクに関する）文献は山ほどあります。 少しぐらいは自分で勉強してください。 > 外部スクリプト（.js）として保存してください。 メモ帳等テキストエディタで作ったファイルを拡張子[.js]で保存してください。 ファイル名は半角アルファベットです。 先にあげた外部スクリプトの中で書き換えるのは以下のみ。 document.write('<option value=\"URL_1\">Link1</options>\n'); document.write('<option value=\"URL_2\">Link2</options>\n'); document.write('<option value=\"URL_3\">Link3</options>\n'); URL_*には実際にリンクするＵＲＬを Link*には実際に表示するテキストを入れます。 増やしたかったらいくらでも増やしてください。 document.write('<input type="button" VALUE="Go" onclick="jump();">'); Goはボタンの文字です。好きなように書き換えてください。 先に言わなければいけなかったのですが この手のデータベースっぽく作るサイトは非常に手間がかかります。 質問者さんが希望している「検索型」のサイトは これぐらいの構成が理解できないようではまったく手も出ません。 html初心者ならこんな複雑で多種の知識が必要なサイトより 普通に<a>タグでリンク張ったり<li>でリスト作ったりしたほうが 簡単で見栄えもいいと思いますよ。

13oclock
質問者

補足

回答有り難う御座いました。 htmlの知識については、本屋で何か専門書でも買って読んでみようと思ったりもしましたが、憶える量が多過ぎて勉強を始めるにも手が出せないというのが正直なところでした。１つ１つ憶えようとしても、憶えたい内容が片っ端から頭から抜け落ちていってしまうのです。我ながら全く話にならないと思いました。 ところでリストの件ですが、データの量が余りに膨大過ぎる為検索型のサイトにせざるを得ないと思ったのです。 兎に角、この方法では非常に手間が掛かる、初心者には簡単に手が出ないことが分かりましたので御礼をさせて頂きたいと思います。 ありがとうございました。

全文を見る
すると、全ての回答が全文表示されます。
  • dandy123
  • ベストアンサー率14% (2/14)
回答No.1

少々お聞きしたいのですが？貴方は現在ホームページをお持ちですが？貴方の質問はリンク機能のことと思います。貴方がHPをお持ちの場合は新しいページを作成してそこに好きな内容の話題を作成してください。そこにリンクを貼ってジャンプしたいページを開いて下さい。アップロードが必要ですよ。自分もHPを持ってます。今は引越しのため停止していますがね・・・がんばってみてください。　HP作成ソフトはお持ちですか？ ホームページビルダーなど良いかもね　以上

13oclock
質問者

補足

回答有り難う御座いました。 HPはこれから作るところです。 リンク機能といっても、ただのリンクではなく全データの内の検索条件に該当する部分が表示されるようなリンクの仕方をしたいのです。

全文を見る
すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. インターネット・Webサービス
  3. その他（インターネット・Webサービス）

関連するQ&A

  • HPにmp3データをアップするには

    HPにmp3データをアップするにはどのようにしたらいいのでしょうか？ HPにmp3データを載せて、クリックすると視聴（またはDL）できるようにしたいのですが。 また、RealPlayerで聞けるようにする方法もあわせて教えていただけるとありがたいです。 ちなみに、HPはhtmlを手打ちで作成しています。 よろしくお願い致します。

  • 他のHPから自動的にデータを収集する

    他のHPからクリック一つで自動的にデータを収集してそのデータから表などを自分のHPの中に作ってくれるようなHPを作成したいのですが具体的にはどうすればいいですか？

    • ベストアンサー
    • HTML
  • HPビルダーの機能について。

    質問のタイトルが適切ではなかったらごめんなさい。 いま、HPビルダーでHPを作成しているのですが、一覧リストなのどから 条件を指定してデータを抽出したいと考えているのですが、どのように すればそれはできるのでしょうか？ accessでいう、フォームのドロップダウンリストから条件を指定してボタンを押す・・・ というような、機能をつけたいのですが、アドバイスお願いいたします。

  • サイト内検索機能を作るには？

    ドリームウィーバーでHPを作成しています。 閲覧者が希望する項目をチェックし(リストボックス、チェックボックス、プルダウンメニュー等を使用して)検索ボタンをクリックすると自HP内の情報のみが表示される機能をつくりたいのですがどのようにすればいいのでしょうか？ 例えば、閲覧者がお店等を探す場合、希望する県の希望する項目をチェックし検索するとそのHP内の合致するお店が表示されるような機能です。 HP作成初心者でまったくわかりません。。。 PHP？等を使用するのでしょうか？ 簡単な方法があれば教えていただけますでしょうか。 よろしくお願いします。

  • FC2HPで・・・

    FC2HPでギャラリーを作成しました、今は別窓で出しています 同窓だと、クリックしたら、絵だけになってしまってブラウザの戻るボタンを押さなければいけませんよね そのとき、ほかのサイト様をのぞいていたら、絵をクリックして出す所が消えずに、絵がはじのほうに出てきたのを見ました 下のような感じです http://www11.plala.or.jp/moira/lovedropb/ent.html このようにするにはどのようなツールをつかえばいいのでしょうか わかりにくくてすみません なるべくわかりやすく教えてください

  • アイコン・ボタンについて

    ホームページ作成してます。 全くの無知でしたが、ネットで勉強しながら、ＨＴＭＬ手打ちで作っています。 大まかには出来上がりましたが、分からない事があるので、教えていただければと思います。 素材フリーのＨＰで、アイコンやボタンをダウンロードして、装飾したいのですが、アイコンとボタンって何が違うのでしょうか？ アイコンは単なる飾りで、ボタンはそれ自体がクリック出来る様になるって認識でいいのでしょうか？ そうだとしたら、ボタンをダウンロードして、それを自分のＨＰに載せても、それ自体がクリック出来る様にするには、どう設定したらいいのでしょうか？

  • HPでギャラリーを作成したのですが

    HPでギャラリーを作成しました 現在、別窓で開くようにしています 同窓だと、クリックしたら、絵だけになってしまってブラウザの戻るボタンを押さなければいけませんよね そのとき、ほかのサイト様をのぞいていたら、絵をクリックして出す所が消えずに、絵がはじのほうに出てきたのを見ました 下のような感じです http://www11.plala.or.jp/moira/lovedropb/ent.html わかりにくくてすみません なるべくわかりやすく教えてください

  • 無料HPについて教えて下さい。

    私は、ネット関連について知識がほとんどありません。 PCで出来ることは、IE、ワード、エクセル、メール、それとファイルの保存整理ぐらいです。 これから、簡単なHPを作成したいと思っています。 やりたいことを挙げます。 HPの内容は、数百文字程度の活字、その他、PDFファイルです。 このPDFファイルをHP画面内のボタンをクリックしたら表示されるようにします。 HPのデータのほとんどは、このPDFファイルのデータで占められます。 その他、訪問数のカウンターと承認制のコメント欄も設置したいです。 後、訪問者のIPの記録も取れればと思っております。 HP作成後は、コメントの確認と、閲覧者IPチェック、若干のHP修正程度をして行きたいと思っております。 HPの内容を頻繁に変えることは予定しておりません。 希望するHPを作成出来るような無料HPサービスはありますか。 後、HPを作成する際に、迷いそうな点、難しそうな点がありましたら、ご指摘頂けたら幸いです。

  • 掲示板で世界の国名を選択（オプションメニュー）させる

    掲示板を作っています。 もともとのモデルはあるのですが、そこで、どこの国の人か選択してもらうところを作りたいのですが、今あるものは下のような日本の県名となっています。 <option value="滋賀">滋賀 <option value="京都">京都 <option value="大阪">大阪 これを、世界の国名に変えたいのですが、よく海外のサイトであるような国名を選択させるデータというのはあるのでしょうか。 1個1個の国名もそれほど詳しくわからないので、簡単にタグが作れるサイト、もしくは国名が英語で並んでいるサイトをご存知でしたら教えてください。

  • データの連携に関して

    フレームを用いて画面を上下に分け、上にはカレンダーを、下には その内容を表示させるような画面を作成しています。 その中で、良く実行ボタン等を用いて"FORM"を使って、上の画面で 選択された値を下の画面にとばす事はしますが、データ（この場合では 日付）を選択された場合にその値を下に送りたいと考えております。 まず、ボタンではなく、データ（日付）そのものをクリックした時点で、 "FORM"のようなアクションが可能なのでしょうか？ <a href= ・・・ の場合、新規の画面が立ち上がってしまったりしてしまうかと。。。 教えて下さい。 よろしくお願いします。

    • ベストアンサー
    • PHP

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する