![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
初めて投稿させていただきます。
ブラウザ上において、「Ctrl+F」でページ内のキーワード検索ができる機能が
あると思いますが、この機能を、自作しているホームページに実装したいと
考えています。どのようなソースを記述すればよいか教えていただけませんか。
HTMLだけでは難しいと思うのですが、javascriptの知識が全く無いので困っています。
なお、IEの「Ctrl+F」のように、キーワードがヒットした場合、ヒットしたキーワードが
全て反転し、enterボタンを押すごとに上から順にヒットしたキーワードにページ移動
するようにしたいのです。
宜しくお願いします。
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
>ただ、そのような機能がある事を知らない人も多いと思っていて、
どうしてもウェブページで実装したいのです・・・。
それなら、ごく簡単な方法を・・数十行のスクリプトで可能です。
・あなたのサイトのすべてのページをCGI経由で出力するように変更します。
・index.cgi がDIRECTRY_INDEXで実行されるようサーバーの設定を変更します。
.htaccessかhttpd.conf で
<IfModule dir_module>
DirectoryIndex index.cgi index.html index.htm index.sh
</IfModule>
・index.cgiで、PATH_INFOから必要なHTMLを書き換えて出力します。
そのとき検索結果語句を<span class="search">などでマークアップします。
また、検索フォームを追加しておきます。
・スタイルシートでspan.seachのデザインを指定します。
javascriptを止めているユーザーにも有効です。ユーザー側の手を煩わすこともまったくないです。
ご回答ありがとうございます。
遅くなって申し訳ありません。。
頂いた回答で実現できるか確認していないのですが、
サーバの設定を変更したり、スタイルシートを追加したりなどは
あまり考えていなくて・・・。
検索ボックスを設置するWEBページのソースに
必要な記述を追加するものと思っていました。
ソースを追記するような方法ではできないのでしょうか?
(せっかく回答頂いたのに色々文句ばかり言って申し訳ないのですが・・・)
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- ホームページ作成・プログラミング パスワードつきホームページ トップページ以下はどうなる 6 2022/08/16 12:04
- SEO 関係ないページを検索エンジンが拾ってしまう 1 2022/05/14 11:16
- Excel(エクセル) セルの値をグーグルで検索するエクセルVBAについて! 2 2022/08/01 21:41
- その他(ブログ) ブログを始めたいと思うのですが、下記のような場合のおすすめブログサービスを教えてください。 収益化な 4 2023/04/10 10:01
- SEO 検索エンジン反映遅い 1 2022/06/04 07:35
- ホームページ作成・プログラミング 検索にヒットしないページを作った後の確認方法 3 2022/07/21 17:37
- Amazon アマゾンで出版中の本の販売部数を伸ばすためには、どうすれば良いですか? 4 2022/08/18 23:30
- SEO 検索エンジンペナルティについて 2 2022/04/13 12:07
- SEO SEOの検索順位について 例えばあるキーワードで検索順位が6位だとしたら、そのキーワードに関連する良 1 2022/06/30 21:51
- SEO 意図しないページが検索ヒットする問題 2 2022/05/19 14:35
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Firefoxの印刷時のヘッダについて
-
1ピクセルって何ミリですか?
-
最近家具などをGoogle検索かけ...
-
PDFファイルのパスワードを解除...
-
http://jpg4.us/
-
becky2の本文表示エリアの背景...
-
右上のX(閉じる)_(縮小)...
-
サンダーバードの検索欄が消えた。
-
リンクをクリックするとダウン...
-
エクセルウィンドウのサイズ変...
-
Quick TIme Playerで全画面表示...
-
TextEditの行数表示
-
Googleについてです。 いきなり...
-
ChromeでCTRL+Fを常時表示にさせる
-
Firefoxで前回終了時のセッショ...
-
秀丸の文字サイズ
-
PPT をPDF化すると、サイズが大...
-
googleを開いた時のフォーカス...
-
Chromeでダウンロードせずに、...
-
DVD Decrypterで不良セクタを飛...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
写真の撮影日時を印字
-
Firefox3.6.3でキーボードショ...
-
Firefoxの印刷時のヘッダについて
-
firefoxで、ウェブ頁をプリント...
-
ページをスクロールしても常に...
-
firefoxの印刷不可設定の方法
-
Adobe Illustratorの印刷設定
-
FireFoxでのプリントプレビュー
-
Texで作った文が印刷できま...
-
お勧めWindows用リッチテキスト...
-
IEからの印刷時の画面はみ出し
-
ページ内検索について(ソース...
-
パソコン画面の印刷
-
DTPデザイン どのくらいで受け...
-
カラー印刷できるテキストエデ...
-
PDFファイルのパスワードを解除...
-
1ピクセルって何ミリですか?
-
エクセルウィンドウのサイズ変...
-
http://jpg4.us/
-
右上のX(閉じる)_(縮小)...
おすすめ情報