Find In Page Plugin/Script

  • thenokiareview

    (@thenokiareview)


    14 years, 1 month ago

    Is there any way of implementing a search functionality on a particular page and have the search display matching words directly on the page. Say if there’s a long list of items on a page and you want the customer to easily find the item, and so instead of them using the browser’s ‘find in page’ tool, they can simply enter their keyword in the search box.

    Basically a ‘ctrl+F’ solution to find text on a page in the form of a search box.

    Hope there’s a way.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter thenokiareview

    (@thenokiareview)

    14 years, 1 month ago

    I’ve found a few different ways but they all depend on which browser is being used. Anyone have a universal code?

    TonoOrtiz

    (@tonoortiz)

    13 years, 7 months ago

    I’m looking for something like this. Have you found something?

    iftomkins

    (@iftomkins)

    13 years, 5 months ago

    I’m looking, too!

    iftomkins

    (@iftomkins)

    13 years, 5 months ago

    This is the best thing I’ve found so far: http://www.seabreezecomputers.com/tips/find_custom2.js
    (code to insert in your HTML is included in the intro section).

    You can modify the styling of the pop-up box to match your CSS (default colors are rough). I made mine straight up gray: Modified JS is here: http://www.nextgenresale.com/wp-content/themes/TheCorporation/js/find_in_page.js

    Main Drawbacks I’ve found:
    -In Firefox, it disables the Control-F keyboard command
    -Because it uses floating divs, sometimes when you hit next, the find on page window disappears from view. Confusing. But this only happens sometimes.

    Overall: Better than nothing, but not a great solution.
    Interesting: It has an option for Firefox only to trigger the native browser Control-F function! This is perfect, if only it didn’t a) disable the actual keyboard Control-F command in Firefox, and b) if this also triggered the native Control-F find function in other browsers.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Find In Page Plugin/Script’ is closed to new replies.

Tags