change html page style

Question

Possible Duplicate:
Find text string in jQuery and make it bold

I have some text on my html page (with accents on leters) :

<p>
some téxt, some text, some téxt, some text, some text, some téxt, 
</p>

My goal is to set bold style for all occurences of "text" and "téxt"

Is it possible ?

thank you

Valeriane

Same issue : http://stackoverflow.com/questions/9794851/find-text-string-in-jquery-and-make-it-bold — Vucko, Nov 05 '12 at 14:21
See also: http://stackoverflow.com/questions/11027828/is-it-possible-to-change-style-of-some-words-in-a-paragaph-with-the-help-of-css — Jukka K. Korpela, Nov 05 '12 at 14:23
I think [this](http://code.google.com/p/rangy/wiki/TextRangeModule) could help you. — , Nov 05 '12 at 14:25
What part are you struggling with, the matching of the accents or the bolding? — John Koerner, Nov 05 '12 at 14:38

score 0 · Answer 1 · answered Nov 05 '12 at 14:43

0

You can't do the following in your case,

str.replace(/(t.xt)/g, "<b>"+text+"</b>);

so we need to use a callback function :

//Assuming you can retrieve the text from the p tag or from the entire page
var str = "some téxt, some text, some téxt, some text, some text, some téxt, " 

str.replace(/(t.xt)/g, function(match){
  return "<b>"+match+"</b>";
})

You can add this snippet to document.onload or $().function(){...}

answered Nov 05 '12 at 14:43

Mudassir Ali

7,913
4
32
60

text and téxt are used as an example, I need something functional in any case – Nov 05 '12 at 14:48
This should help http://stackoverflow.com/questions/5700636/using-javascript-to-perform-text-matches-with-without-accented-characters – Mudassir Ali Nov 05 '12 at 14:56

Adam Bubela · Answer 2 · 2012-11-05T17:00:33.430

0

Assuming your text is in:

<p id="txt">
some téxt, some text, some téxt, some Text, some text, some téxt, xyz
</p>



var bold = ['some','text', 'xyz']; // words to bold
var content = document.getElementById('txt');//content to find those words
var regExp = new RegExp('('+bold.join('|')+')', "gi"); //build regular expression (i means case insensitive)

content.innerHTML = content.innerHTML.replace(regExp, "<strong>$1</strong>"); //find and bold

edited Nov 05 '12 at 17:00

answered Nov 05 '12 at 14:58

Adam Bubela

9,433
4
27
31

1

text and téxt are used as an example, I need something functional in any case – Nov 05 '12 at 15:42

change html page style

2 Answers2