Add In-Page Search to Your Web Page
= Highlight Matched Text =

《 Language Index 》
 Japanese [日本語]  
 English [英語]  
 Korean [韓国語]  
 Simplified Chinese [简体中文]  
 Traditional Chinese [繁體中文]  
 Español [スペイン語]  
 Français [フランス語]  
 Português [ポルトガル語]  
 Deutsch [ドイツ語]  
 Italiano [イタリア語]  
 Russian [ロシア語]  
 Turkish [トルコ語]  
 Hindi [ヒンディー語]  
 Vietnamese [ベトナム語]  
 Thai [タイ語]  
 Dutch [オランダ語]  
 Indonesian [インドネシア語]  
 Malay [マレー語]  
 Filipino [フィリピン語]  
 Swedish [スウェーデン語]  
 Norwegian [ノルウェー語]  
 Danish [デンマーク語]  
 Finnish [フィンランド語]  
 Polish [ポーランド語]  
 Czech [チェコ語]  
 Hungarian [ハンガリー語]  
 Greek [ギリシャ語]  
 Romanian [ルーマニア語]  
 Tagalog [タガログ語]  
 Ukrainian [ウクライナ語]  
 Arabic [アラビア語]  
  • Using the keyboard shortcut "Ctrl + F" or "⌘ command + F" typically searches all text on a page, including ads. However, this program limits the search to a specific section designated by the <div id="content_to_search"></div> tag.
  • Once a search term is entered, the matched text is highlighted, and the page scrolls to its location.
  • Since the search can be executed with just the "Enter" key, there's no need to include a "Search Button."
  • If multiple search results are found, you can navigate through them sequentially using the "Enter" key.
  • Copy the CSS, JavaScript, and HTML code below to add this feature to your own page.
  • Feel free to modify the code to suit your page design.
《Sample Demo & Codes》
  • You can copy and use this code freely.
  • There are no restrictions on its use. Feel free to modify it to suit your own page.

おすすめサイト・関連サイト…

Last updated : 2024/09/10