-2

I have a paragraph of text which has few words inside a special character like %word%. I want to color only these words of paragraph in red. Can I do this in pure css? If not what should be the regex for coloring it through jquery. Example:

<Html>
 <head>
 <style>
 </style>
 </head>
 <body>
  <div id="myelement">
     Hi how do I color %this%? 
  </div>
 </body>
</Html>
Vedant Terkar
  • 4,553
  • 8
  • 36
  • 62
user2645830
  • 362
  • 1
  • 6
  • 22
  • 1
    Simple way is to surround it using a `span` tag and apply style to it. eg: `Hi how do I color this?` – Pranav C Balan Jul 08 '14 at 06:53
  • "How do I do this?" is off-topic. Since you may have wanted to try, I'll go ahead and proffer a starter. With one exception I know of, you can't just randomly format letters in a string in HTML - they will need to be wrapped in another element (e.g. `span`). Try that and if you get stuck, post a specific question. –  Jul 08 '14 at 06:53
  • These texts are coming dynamically. – user2645830 Jul 08 '14 at 06:54
  • did you checked this http://stackoverflow.com/questions/3063242/altering-registered-symbols-r ? – G.L.P Jul 08 '14 at 06:59

2 Answers2

3

I've used regular expression(regex) in javascript as follows:

function chnColor(){
    var str=document.getElementById("myelement").innerHTML;
    str=str.replace(/(%)(.*)(%)/g,"<font color='red'>$2</font>");
    //Here $2 Means Anything in between % and % This is what you need to color 
    document.getElementById("myelement").innerHTML=str;
}

DEMO

Hope it helps! cheers :)!

Vedant Terkar
  • 4,553
  • 8
  • 36
  • 62
1
<style>
.textColor{ color:red; }
</style>
<div id="myelement">
     Hi how do I color <span class="textColor"> %this%?</span> 

</div>

in php

Hi how do I color <span class="textColor"> <?php echo $text; ?></span>

You can use class for specific purpose in css

Man Programmer
  • 5,300
  • 2
  • 21
  • 21