Wednesday, November 19, 2008
jQuery and SharePoint – Free “Search on this Page” web parts
As a follow up to Waldek’s article on Monday, “Search on this Page using jQuery”, I have created drag-and-drop web part components to create a searchable highlighting functionality within a SharePoint page. The solution is done with Content Editor Web Parts so you won’t have to have server access to use it.
The web parts shown in the screencast are available to subscribers of the Weekly Newsletter. I’m also working with Waldek to put together an online workshop to talk about the functionality available with jQuery. Leave a quick comment below to let me know you are interested.
I am having trouble finding the actual link to download the web parts… am I missing something?
Nancy – Right hand side of the newsletter, click the Subscriber Only link. First in the download list is what you are looking for.
Mark
Looking good, although it would also be nice to look through list (find text in blogposts for instance) and libraries by adding a list or libraries webpart. And so far I did not get that to work. Of course that might be just me. :-)
This is great! But I also agree with Bart – I’d love it to look at lists (as an archive). Is there a way to do that?
Bart and Cindy – Give me a ‘Case Study’. What are do you need this thing to do? I’m not sure what’s being asked for. Do you have a large list and you want to highlight words in the current view? — Mark
Hi Mark – We have a news archive page which displays (on one page) two different lists. It just displays the title and date and the user clicks through to the article. Since it’s a collection of every news article posted to the home site, it’s very long. We could just use the SP search (This area: home) but since the page displays a long list of articles we’d love to be able to “search this page” and have it highlight the word from the list. As I understand it, you have to use a content editor web part and put your content in there ~ but how can you get it search the list that is displayed on the page? I can give you a screenshot to demonstrate what I mean, if you think that would be helpful. ~ Cindy
Well, the big plus of jQuery is (for me) the fact that it displays all hits in one time so you dont have to click to go through all the hits. But I want to use it to search through lists which I did not get to work.
Cindy and Bart – I’ve worked out a solution for libraries and lists, including the drag and drop functionality of the web parts as shown in the screencast.
Give me the weekend to work the kinks out and I’ll create a new screencast to show the solution in action.
Mark
Sweet, looking forward to that. Thanks in advance, Mark!
Cheers,
Bart
Thanks, Mark! Great news! Looking forward to seeing it. ~ Cindy
These look fantastic. Looking forward to your ‘List / Library’ search parts.
One thing I’ve done, is to create a Single Library to house all of our Guides, policies, Templates etc. I’ve used meta data to group these up and have built a single page view, split into three parts using dataviews as shown below.
http://img246.imageshack.us/img246/7596/libraryviewkp0.jpg
Do you think your webpart will be clever enough o expand the tree to show the highlighted documents from the search? ;)
On a side note, I’ve added a search solution to just search that library. Unfortuantly though it brings back the document your looking for, it won’t tell you the metadata needed for finding in in the above tree view. I’m sure it’s possible but has anyone added metadata into results?
I have this function in javascript and it is much slower. I have recently joined the weekly news letter. Can I get access to these scripts now?
I appreciate ur effort but this is not cool as IE has the capability to do the same on a page. It is not required to repeat the same functionality.