How to modify a php string variable in javascript

Question

I am using php4 and jquery, I have got a php string variable $content which stores a string as shown below.

<html>
  <head></head>
    <table>
      <tr>
        <td>comments:</td>
        <td>Good</td>
         .....
         ...n rows
     </table>
  </html>

So, Now i want to change the color of all occurrences of text "Good" to red. So How to write a jquery function which takes a php string $content variable and changes the color of each "Good" word, (adds a style color:red) and returns it.

Have you read any of the Related questions yet?

Ignacio Vazquez-Abrams
– Ignacio Vazquez-Abrams

2012-04-18 06:23:15 +00:00
Commented Apr 18, 2012 at 6:23 — Ignacio Vazquez-Abrams
– Ignacio Vazquez-Abrams, Commented Apr 18, 2012 at 6:23

Ja͢ck · Accepted Answer · 2012-04-18 06:33:32Z

4

Pure PHP solution:

echo str_replace('Good', '<span style="color:red">Good</span>', $content);

answered Apr 18, 2012 at 6:33

Ja͢ck

174k39 gold badges269 silver badges316 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Neil · Accepted Answer · 2012-04-18 22:48:18Z

4

You cannot access PHP variables in Javascript. Also, javascript works on the client side and PHP works on the server side.

I am unsure of the exact usage for this, but, here's my take on doing this:

// in javascript code
var x = "<?php echo $content; ?>"; // do take care of stripping quotes (")
x.replace("Good", "<span style='color:red'>Good</span>");

I guess that should do it.

Just to explain a bit more, on the server, PHP will dump the contents of the variable $content to the variable x in JS. On the client side, when JS is executed, it will pick this up and do the replacement.

edited Apr 18, 2012 at 22:48

Neil

55.5k8 gold badges65 silver badges74 bronze badges

answered Apr 18, 2012 at 6:31

Sahil Sakhuja

1644 bronze badges

Comments

ngplayground · Accepted Answer · 2012-04-18 07:47:30Z

1

$("td").each(function(){
    $(this).html($(this).html().replace(/Good/, '<span style="color:#f00">Good</span>')); 
});

This will look through each cell and find if there is a text value of "Good" and wrap a span around it

answered Apr 18, 2012 at 7:47

ngplayground

21.8k37 gold badges98 silver badges176 bronze badges

Comments

Frozen_byte · Accepted Answer · 2012-04-18 06:27:15Z

0

$content .= '<span class="red">';
$content .= {your existing code here}
$content .= '</span>';

After it you create a CSS Rule:

.red{ color:red; }

As you see you don't need jQuery at all.

answered Apr 18, 2012 at 6:27

Frozen_byte

2724 silver badges12 bronze badges

Collectives™ on Stack Overflow

How to modify a php string variable in javascript

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related