lfdubiela / highlight-search

JavaScript- find text within a page and jump to location in page

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

highlight-search

JavaScript- find text within a page and jump to location in page

requirements?

  • jquery 1.2 or superior.
  • jQuery Highlight Regex Plugin v0.1.2

example:

 <html>
    <header>
      <link rel="stylesheet" href="/path/to/css/highlight-text-match.css">
    </header>
    <body>
      <input type="text" input-highlight-text>
      <div content-highlight-text>
        Sed ut perspiciatis ... ipsum 
      </div>
    </body>
      <footer>
        <script src="/path/to/jquery/jquery.min.js"></script>
        <script src="/path/to/jquery/highlightRegex.min.js"></script>
        <script src="/path/to/jquery/highlight-text-match.js"></script>        
    </footer>
  </html>

attributes you can use to implement a better version:

  • input input-highlight-text
  • content to search content-highlight-text
  • button next if needed next-highlight-text
  • button prior/previous if needed prior-highlight-text

About

JavaScript- find text within a page and jump to location in page


Languages

Language:JavaScript 98.7%Language:CSS 1.3%