keyup(function() {
        $(instance.textWrapper).html(instance.getOriginalText());

        if (this.value.length >= instance.startSearchingLength) {
          var searchText = escape(this.value);
          var regx = new RegExp("(" + searchText + ")", 'gi');
          var selector = 'p:Contains("' + searchText + '")';
          $(instance.textWrapper).each(function() {
            var text = $(this).html();
            text = text.replace(regx, '$1');
            $(this).html(text);
          });
		  $(function(){
				$('html, body').animate({scrollTop:$('#scrollToMe').offset().top}, 'slow');
				return false;
			});
        }
		else
		{
			$(function(){
				$('html, body').animate({scrollTop:0}, 'slow');
				return false;
			});
		}
      })

However this script is almost completely unusable because of the html code highlighting also!! has anyone found a solution to that?

For clarification: in the example try searching for ’str’– this will add the span tag around the character that appear inside the tag in side the HTML

var i = -1;
i = text.indexOf(searchText, i+1);
if (text.lastIndexOf(">", i) >= text.lastIndexOf("<", i)) {
  text = text.replace(regx, '$1');
  $(this).html(text);
}

This isn’t a good enough solution as it doesn’t apply the background to any ‘on screen’ text that matches any html element names.

Has anyone come up with a suitably robust application of this concept using jQuery?

This is a lovely concept, but I am having the same problem where my implementation of the above code is displaying ‘class’ tags and showing text from URIs.

Is there a way to execute a SQL Query (which has a variable input)in a SharePoint site such that when users type anything in a textbox, that value is taken as input for the sql query.

I want to do it without server-side coding? Any OOTB method???

Thanks,
Sid

One problem: is there a way to make this NOT search within tag contents? For example, I have images with width and height attributes specified within the img tag. If I search the word “width,” suddenly the contents of the img tag appear visible on the page next to the image and the width attribute name is highlighted. If I search a word in the alt text of an image, the image blows up to be enormous and the alt tag text appears, highlighted. This is rather inconvenient. It’s great that it works for text enclosed in closing and end tags in the #body (as shown in the “cras” example above), but is there any way to discount text within the actual element tags?

Thanks! Joyce

Thank you.

For example if i were to type in architecture, multiple items will be highlighted in addition to architecture.

Thank you

Dana

2. Is it possible to highlight based on words that are not visible.
For example if a user typed in “architecture’ to the search box, then 4 or 5 items would be highlighted?

I have target words for each highlightable element, is it possible to include these target words in the search?

Thank you

Dana

Client side coding has taken a leap in the right direction, and SharePoint people need to take note….