Apply text formatting with RegExp

[Claus Mygind]

I want to convert the text color to red for a sub string found in a larger string.

I use the following search and replace technique

function HighlightSearchValue(oObj, searchStr, addLineBreak)
{
    var replaceStr = '<span style="color:red;">'+searchStr+'</span>';
    var re = new RegExp(searchStr, "gi");
    var result = oObj.replace(re, replaceStr) + (( addLineBreak) ? '<br/>':'');
 
    return result;
 
}
 

My problem is this, I want the match to be case insensitive, but I want the replacement to be case sensitive.

For example, I want to highlight "Burke" in this string "Thomas Burke Corp."

But the search could be "BURKE" or "burke".

I want the final replacement to be

"Thomas <span style="color:red;">Burke</span> Corp."

The code above does not do that of course. What are some suggestions?

[gits]

i could think of something like this:

// test in firebug console
 
var text      = 'Thomas Burke Corp.';
var searchStr = 'BURKE';
 
var re  = new RegExp('(' + searchStr + ')', 'gi');
var ret = text.split(re);
 
for (var i = 0, l = ret.length; i < l; i++) {
    if (re.test(ret[i])) {
        ret[i] = ret[i].replace(re, '<foo>' + ret[i] + '</foo>');
    }
}
 
console.log(ret.join(''));
 

kind regards

[Claus Mygind]

Wow that was fantastic.

Here is my final code

function HighlightSearchValue(oObj, searchStr, addLineBreak)
{
    /*
    -------------------------------------------
    this function higlights the section of text
    which the user entered as a search criteria
    -------------------------------------------
    */
 
    var re  = new RegExp('(' + searchStr + ')', 'gi');
 
    var ret = oObj.split(re);
 
    for (var i = 0, l = ret.length; i < l; i++) {
        if (re.test(ret[i])) {
            ret[i] = ret[i].replace(re, '<span style="color:red;">' + ret[i] + '</span>');
        }
    }
    var result = ret.join('')+(( addLineBreak) ? '<br/>':'');
 
    return result;
 
}
 

[gits]

:) ... glad that it helped :)

kind rgards