No Geekspeak on SharePoint 2007: Mark Miller

jQuery and SharePoint - Free “Search on this Page” web parts

Original Publication Date: Wednesday, November 19, 2008
Filed Under Mark Miller, Screencast, Today's Tips, Workshops

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.

Spread the word...
  • Digg
  • Facebook
  • StumbleUpon
  • Google
  • LinkedIn
  • Reddit

Comments

14 Responses to “jQuery and SharePoint - Free “Search on this Page” web parts”

  1. Nancy on November 19th, 2008 2:24 pm

    I am having trouble finding the actual link to download the web parts… am I missing something?

  2. EndUserSharePoint on November 19th, 2008 2:31 pm

    Nancy - Right hand side of the newsletter, click the Subscriber Only link. First in the download list is what you are looking for.

    Mark

  3. Bart on November 19th, 2008 3:27 pm

    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. :-)

  4. Cindy on November 19th, 2008 4:00 pm

    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?

  5. EndUserSharePoint on November 19th, 2008 4:04 pm

    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

  6. Cindy on November 19th, 2008 4:44 pm

    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

  7. Bart on November 19th, 2008 6:37 pm

    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.

  8. SharePoint Daily on November 20th, 2008 9:24 am

    SharePoint Daily for November 20, 2008…

    Top News Stories Microsoft Online Services: SaaS-y, Sort Of (Redmond Channel Partner) Microsoft wants…

  9. EndUserSharePoint on November 20th, 2008 4:58 pm

    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

  10. Bart on November 20th, 2008 7:58 pm

    Sweet, looking forward to that. Thanks in advance, Mark!
    Cheers,

    Bart

  11. Cindy on November 21st, 2008 11:33 am

    Thanks, Mark! Great news! Looking forward to seeing it. ~ Cindy

  12. ~ YESChandana ~ on November 23rd, 2008 10:41 pm

    Hot links - 3rd week of November 2008…

    Hot links - 3rd week of November 2008…

  13. Tony Parker on November 24th, 2008 6:22 am

    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?

  14. larry on November 25th, 2008 5:41 pm

    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?

Leave a Reply