how to write php variable inside a javascript code

Question

this is the path i'm using in an img src attribute which i'm using in a php program

'user/hangout_images/".$imag_addr." '

can anybody tell how to insert the path given above into the path given in the following javascript code?

$(document).ready(function() {
  $('#imageid').attr( "src", "/new/path/to/image.jpg" );
});

I think it would be helpful if you told us what files each section of code was in. Are they in the same file, or is the javascript file being included in the header (or somewhere else?)? — Corey
– Corey, Commented May 20, 2011 at 17:00

Corey · Accepted Answer · 2011-05-20 16:37:35Z

4

You should try to keep as much HTML out of the PHP as possible like this, hopefully I'm not being to nitpicky...

$(document).ready(function() {
  $('#imageid').attr( "src", "/new/path/to/<?php echo $image_addr;?>" );
});

Also remember that PHP renders on the server before javascript (which renders in the browser), so if you are trying to make a PHP change to a page that is already loaded, that won't work.

answered May 20, 2011 at 16:37

Corey

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

Comments

Naftali · Accepted Answer · 2011-05-20 16:41:46Z

4

$(document).ready(function() {
  $('#imageid').attr( "src", '<?php echo "user/hangout_images/$imag_addr"; ?>' );
});

edited May 20, 2011 at 16:41

answered May 20, 2011 at 16:32

Naftali

147k41 gold badges247 silver badges304 bronze badges

4 Comments

Paul DelRe Over a year ago

@harsh This would only work when the javascript it within the php file. If the javascript is in a .js file, it won't work (unless your server processes .js files as php).

Toto Over a year ago

@Neal: you have to surround the php code with quotes; "<?php ... ?>"

Naftali Over a year ago

@M42, there is no reason to do that

Toto Over a year ago

@Neal: but you've just modified your answser this way while I submit my comment.

mazlix · Accepted Answer · 2011-05-20 17:15:45Z

1

If you don't want to put your javascript in with you php I believe you have to use AJAX. This might work..

source.php

$image_addr = "/blah/blah/blah.jpg"
echo $image_addr;

stuff.html (or .js)

    $.get('source.php', setimg);

function setimg(data) {
       $('#imageid').attr( "src", data );
    }

answered May 20, 2011 at 17:15

mazlix

6,3536 gold badges36 silver badges46 bronze badges

Collectives™ on Stack Overflow

how to write php variable inside a javascript code

3 Answers 3

Comments

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related