Search jQuery

jQuery Forum

How to add a search functionality for jQuery UI Accordion and Tabs?

in Using jQuery UI • 6 years ago

I have an html page that has tabs with accordions inside them. I have a need to search the content for specific items and go to that item, but I am stuck. The jQuery ui widgets block Ctrl+F. Does anyone know the best way to enable search and activate a tab then the accordion? Any help would be amazing.

Replies(3)

jakecigar

Re: How to add a search functionality for jQuery UI Accordion and Tabs?

6 years ago

It’s not UI that is blocking ctrl-f. It’s standard browser behavior that you can’t find what you can’t see.

A better suggestion might be to write your own search code with a <input type=search>. Mobile devices (the future) don’t have ctrl-f.

Another idea is to trap ctrl-f with $(document).keydown(e){…

JΛ̊KE

M Alex He..

Re: How to add a search functionality for jQuery UI Accordion and Tabs?

6 years ago

Jake-

Thanks for helping me understand that. Can you think of anyway to write a search box that combs through the source of the page? I am just unsure how best to find information on a large tab and accordion. Thanks again!

jakecigar

Re: How to add a search functionality for jQuery UI Accordion and Tabs?

6 years ago

You need to get all the text nodes of a tab, then test if it contains the search phrase. If so, open that tab.

If you make a demo of your page in http://plnkr.co or http://jsfiddle.net I can help you complete it.

JΛ̊KE

Top Reply

Response title

Attachments

jQuery Forum

How to add a search functionality for jQuery UI Accordion and Tabs?

Replies(3)

Re: How to add a search functionality for jQuery UI Accordion and Tabs?

Re: How to add a search functionality for jQuery UI Accordion and Tabs?

Re: How to add a search functionality for jQuery UI Accordion and Tabs?

Statistics

Tags

Actions