How to Pass php variable value to javascript

Question

I need help with this code.

What I want to accomplish is to insert a textarea with a name value which is retrieved from a database (not shown), by a onclick event. I should have a php code, where there is a button, when I click this button, I call a function which inserts this textarea into a position, given by a identified by this name.

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="pragma" content="no-cache" />
<title>Example</title>
<SCRIPT language="javascript"> 

    function add_comments($name) {
     var element = document.createElement("textarea");
     var docplace = document.getElementById($name);

     docplace.innerHTML = docplace.innerHTML ;
     element.setAttribute("name", $name);
     element.setAttribute("cols",50);
     element.setAttribute("rows",5);
     element.setAttribute("value", $name);

    docplace.appendChild(element);
    docplace.innerHTML = docplace.innerHTML + "<br/>";
}

</SCRIPT>
</head>
<?php

echo "<br>";
$TempTask = 'thistask';
echo '<form>';
echo "<br>";
echo $TempTask;
echo "<br>";

?>
<input type="button" value="Text Area" onclick="add_comments('$TempTask');">
<?php

echo '<div id=$TempTask>Right here!</div>';
echo '</form>';
?>
</html>

bfavaretto · Accepted Answer · 2013-04-04 18:39:08Z

4

Just use an inline PHP tag, and echo it:

onclick="add_comments('<?php echo $TempTask ?>');"

Or echo the whole thing and let PHP interpolate the value:

echo "<input type=\"button\" value=\"Text Area\" onclick=\"add_comments('$TempTask');\">";

Be aware that it may break if your variable contains quotes, line breaks, etc.

edited Apr 4, 2013 at 18:39

answered Apr 4, 2013 at 18:29

bfavaretto

72k18 gold badges118 silver badges162 bronze badges

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

5 Comments

user2245746 Over a year ago

These suggestions did not work. I forgot to say, I get the textarea.value = $Temptask. I want to have textare.value = thistask. I am using PHP from WAMP, 06 Jan 2011, PHP 5.3.5, IE8.

bfavaretto Over a year ago

Sorry, but I don't think I understand what you're asking then.

user2245746 Over a year ago

Thanks for your interest. What I want to do is to insert a textarea in a while loop. I will retrieve several records and post them with PHP. I create a division so that I know where to insert the text area . If the reader want to place a comment, he will click on a comment button and I will be able to insert this textarea into the appropriate record. Pretty much like this comment area in stackoverflow.com.

bfavaretto Over a year ago

@user2245746 Here is your code without the PHP: jsfiddle.net/MbXkN. It seems to work. Could you look at it, and tell me what you would like to change?

user2245746 Over a year ago

Found a way to pass the value from PHP to Javascript. I just broke php, inserted javascript and continued. ?> <script type="text/javascript"> var anyname = "<?php echo $TempTask; ?>"; </script> <?php So, this anyname variable is a javascript global and available for the javascript functions.

bfavaretto · Accepted Answer · 2013-04-05 19:02:16Z

0

Found a way to pass the value from PHP to Javascript. I just broke php, inserted javascript and continued.

?>
<script type="text/javascript">
var anyname = "<?php echo $TempTask; ?>";
</script>
<?php

So, this anyname variable is a javascript global and available for the javascript functions.

edited Apr 5, 2013 at 19:02

bfavaretto

72k18 gold badges118 silver badges162 bronze badges

answered Apr 5, 2013 at 19:01

user2245746

1

1 Comment

bfavaretto Over a year ago

Great, that's what I meant by "inline PHP tag" in my answer. Sorry if I wasn't clear.

Collectives™ on Stack Overflow

How to Pass php variable value to javascript

2 Answers 2

5 Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

1 Comment

Linked

Related