Regular Expression Search Bookmarklet

I have an old website where I keep most of my bookmarklets. I'm planning on deprecating that site and just putting up some personal stuff (since I don't do what that site says I do anymore).

This bookmarklet is probably my most used bookmarklet. Basically, you enter a regular expression and each match in the page will be highlighted. It cycles through 16 color schemes to change the highlight color.

If you just want to install the bookmarklet, grab this link and drag it onto your bookmarklet toolbar in your browser.
Regex Search

If you want to use it on your mobile device, you can use my Mobile Bookmarklet Installer Bookmarklet (which, by the way, will install itself too).

I'm sure it doesn't work in IE, but I haven't tested it in a really long time. If you'd like to see what it would do in IE if IE didn't suck so badly, just click it.

If you're interested in the code, here it is!

view plainprint?

1. // check to see if the variable searches has been defined.  
2. // if not, create it.  this variable is to cycle through   
3. // highlight colors.  
4. if (typeof(searches) == 'undefined')  
5. {  
6.   var searches = 0;  
7. };  
8.   
9. (  
10.   function()  
11.   {  
12.     // just some variables  
13.     var count = 0, text, regexp;  
14.   
15.     // prompt for the regex to search for  
16.     text = prompt('Search regexp:', '');  
17.   
18.     // if no text entered, exit bookmarklet  
19.     if (text == null || text.length == 0)  
20.       return;  
21.   
22.     // try to create the regex object.  if it fails  
23.     // just exit the bookmarklet and explain why.  
24.     try  
25.     {  
26.       regexp = new RegExp(text, 'i');  
27.     }  
28.   
29.     catch (er)  
30.     {  
31.       alert('Unable to create regular expression using text \'' + text + '\'.\n\n' + er);  
32.       return;  
33.     }  
34.   
35.     // this is the function that does the searching.  
36.     function searchWithinNode(node, re)  
37.     {  
38.       // more variables  
39.       var pos, skip, acronym, middlebit, endbit, middleclone;  
40.       skip = 0;  
41.   
42.       // be sure the target node is a text node  
43.       if (node.nodeType == 3)  
44.       {  
45.         // find the position of the first match  
46.         pos = node.data.search(re);  
47.   
48.         // if there's a match . . .   
49.         if (pos >= 0)  
50.         {  
51.           // create the acronym node.  
52.           acronym = document.createElement('ACRONYM');  
53.           acronym.title = 'Search ' + (searches + 1) + ': ' + re.toString();  
54.           acronym.style.backgroundColor = backColor;  
55.           acronym.style.borderTop = '1px solid ' + borderColor;  
56.           acronym.style.borderBottom = '1px solid ' + borderColor;  
57.           acronym.style.fontWeight = 'bold';  
58.           acronym.style.color = borderColor;  
59.       
60.     // get the last half of the node and cut the match  
61.     // out.  then, clone the middle part and replace it with  
62.     // the acronym  
63.           middlebit = node.splitText(pos);  
64.           endbit = middlebit.splitText(RegExp.lastMatch.length);  
65.           middleclone = middlebit.cloneNode(true);  
66.           acronym.appendChild(middleclone);  
67.           middlebit.parentNode.replaceChild(acronym, middlebit);  
68.           count++;  
69.           skip = 1;  
70.         }  
71.       }  
72.   
73.       // if the node is not a text node and is not  
74.       // a script or a style tag then search the children  
75.       else if (  
76.         node.nodeType == 1  
77.         && node.childNodes  
78.         && node.tagName.toUpperCase() != 'SCRIPT'  
79.         && node.tagName.toUpperCase != 'STYLE'  
80.       )  
81.         for (var child = 0; child < node.childNodes.length; ++child)  
82.           child = child + searchWithinNode(node.childNodes[child], re);  
83.   
84.       return skip;  
85.     }  
86.   
87.     // use the search count to get the colors.  
88.     var borderColor = '#'   
89.       + (searches + 8).toString(2).substr(-3)  
90.       .replace(/0/g, '3')  
91.       .replace(/1/g, '6');  
92.       
93.     var backColor = borderColor  
94.       .replace(/3/g, 'c')  
95.       .replace(/6/g, 'f');  
96.   
97.     // for the last half of every 16 searhes, invert the  
98.     // colors.  this just adds more variation between  
99.     // searches.  
100.     if (searches % 16 / 8 >= 1)  
101.     {  
102.       var tempColor = borderColor;  
103.       borderColor = backColor;  
104.       backColor = tempColor;  
105.     }  
106.   
107.     searchWithinNode(document.body, regexp);  
108.     window.status = 'Found ' + count + ' match'  
109.       + (count == 1 ? '' : 'es')  
110.       + ' for ' + regexp + '.';  
111.   
112.     // if we made any matches, increment the search count  
113.     if (count > 0)  
114.       searches++;  
115.   }  
116. )();  

// check to see if the variable searches has been defined.
// if not, create it.  this variable is to cycle through 
// highlight colors.
if (typeof(searches) == 'undefined')
{
  var searches = 0;
};

(
  function()
  {
    // just some variables
    var count = 0, text, regexp;

    // prompt for the regex to search for
    text = prompt('Search regexp:', '');

    // if no text entered, exit bookmarklet
    if (text == null || text.length == 0)
      return;

    // try to create the regex object.  if it fails
    // just exit the bookmarklet and explain why.
    try
    {
      regexp = new RegExp(text, 'i');
    }

    catch (er)
    {
      alert('Unable to create regular expression using text \'' + text + '\'.\n\n' + er);
      return;
    }

    // this is the function that does the searching.
    function searchWithinNode(node, re)
    {
      // more variables
      var pos, skip, acronym, middlebit, endbit, middleclone;
      skip = 0;

      // be sure the target node is a text node
      if (node.nodeType == 3)
      {
        // find the position of the first match
        pos = node.data.search(re);

        // if there's a match . . . 
        if (pos >= 0)
        {
          // create the acronym node.
          acronym = document.createElement('ACRONYM');
          acronym.title = 'Search ' + (searches + 1) + ': ' + re.toString();
          acronym.style.backgroundColor = backColor;
          acronym.style.borderTop = '1px solid ' + borderColor;
          acronym.style.borderBottom = '1px solid ' + borderColor;
          acronym.style.fontWeight = 'bold';
          acronym.style.color = borderColor;
    
    // get the last half of the node and cut the match
    // out.  then, clone the middle part and replace it with
    // the acronym
          middlebit = node.splitText(pos);
          endbit = middlebit.splitText(RegExp.lastMatch.length);
          middleclone = middlebit.cloneNode(true);
          acronym.appendChild(middleclone);
          middlebit.parentNode.replaceChild(acronym, middlebit);
          count++;
          skip = 1;
        }
      }

      // if the node is not a text node and is not
      // a script or a style tag then search the children
      else if (
        node.nodeType == 1
        && node.childNodes
        && node.tagName.toUpperCase() != 'SCRIPT'
        && node.tagName.toUpperCase != 'STYLE'
      )
        for (var child = 0; child < node.childNodes.length; ++child)
          child = child + searchWithinNode(node.childNodes[child], re);

      return skip;
    }

    // use the search count to get the colors.
    var borderColor = '#' 
      + (searches + 8).toString(2).substr(-3)
      .replace(/0/g, '3')
      .replace(/1/g, '6');
    
    var backColor = borderColor
      .replace(/3/g, 'c')
      .replace(/6/g, 'f');

    // for the last half of every 16 searhes, invert the
    // colors.  this just adds more variation between
    // searches.
    if (searches % 16 / 8 >= 1)
    {
      var tempColor = borderColor;
      borderColor = backColor;
      backColor = tempColor;
    }

    searchWithinNode(document.body, regexp);
    window.status = 'Found ' + count + ' match'
      + (count == 1 ? '' : 'es')
      + ' for ' + regexp + '.';

    // if we made any matches, increment the search count
    if (count > 0)
      searches++;
  }
)();