Hold a variable from PHP in Javascript

This site is best viewed in a modern browser with JavaScript enabled.

Petmo

I found an answer to this and tried it but it did not work so I am posting this for more help. I posted a reply to the thread I found earlier but no one replied.
I am trying to write a game where you roll the dice and get half a quote and you have to guess if it matches the half that you were originally given. I am using AJAX and everything works fine right up until the end when I send a variable from php to javascript using echo '<script>currentQuote = $currentQuote;</script>'; It shows up on the page but when I check the value of currentQuote in JS it is undefined. Here is a link to a simplified version of the game just showing my problem.http://workwithu.com/Games/Game15snip.php The PHP code which you cannot see is:
<?php
$response = mt_rand(1,6);

echo $response;
$currentQuote=$response;
echo '<script>currentQuote = $currentQuote;</script>';//this not working
echo "<br>";
echo "currentQuote is:";
echo $currentQuote; //this shows on the screen fine
?>
Any help would be GREATLY appreciated. I have run out of ideas to try.
Thanks

ss1289

echo '<script>currentQuote = '.$currentQuote.';</script>';

Petmo

ss1289;1293281 wrote:
echo '<script>currentQuote = '.$currentQuote.';</script>';

Thanks for replying. I tried the code above and still get undefined in the javascript variable. If you click on the link I have an alert to show what values are recorded in javascript. I like your quote about the language we all know though

root

I have a script that sets a server time in a Javascript JSON field, the method I use is this.

    $theValue = "This is a string";
    $numberVar = 12345;

then...

<script>
json = {

theVar:"<?php echo $theValue; ?>",
numberVar:<?php echo $numberVar; ?>,
anotherVar:false

}
</script>

You have to wrap string output if your value is a string, so your JSON object should have...

json.theVar = an output that is a string
json.numberVar = a number

assuming that the respective elements are string and then number.

Should render as...

<script>
json = {

theVar:"This is a string",
numberVar:12345,
anotherVar:false

}
</script>

Petmo

\\.\;1293297 wrote:
I have a script that sets a server time in a Javascript JSON field, the method I use is this.
    $theValue = "This is a string";
    $numberVar = 12345;
then...
<script>
json = {

theVar:"<?php echo $theValue; ?>",
numberVar:<?php echo $numberVar; ?>,
anotherVar:false

}
</script>
You have to wrap string output if your value is a string, so your JSON object should have...

json.theVar = an output that is a string
json.numberVar = a number

assuming that the respective elements are string and then number.

Should render as...
<script>
json = {

theVar:"This is a string",
numberVar:12345,
anotherVar:false

}
</script>

Using your example I put
$numberVar = 12345; in the php file that I am calling with AJAX
then the script on my main page<script>
json = {
numberVar:<?php echo $numberVar; ?>
}
</script>
Then once I got the AJAX response I tried
onclick="tryAnswer(json.numberVar)"
and
function tryAnswer(turn)
{
alert("playerNumber is: "+playerNumber+" currentQuote is: "+turn);function tryAnswer(turn)
}
which my debugger responded:ReferenceError: Can't find variable:json
I have not used json before so I may have this screwed up.
Please advise.

root

If your using AJAX then you can't use the method your trying to employ, your PHP script ouput would have ot be echoed out so the returning query is either a straight number or string.

So ...

AjaxObj = new XMLHttpRequest();
AjaxObj.open("GET","yourphpscript.php",true);
AjaxObj.onreadystatchange = function(){
    if(AjaxObj.readyState == 4 && AjaxObj.status == 200){
        theResponse = AjaxObj.responseText;
    }
}
AjaxObj.send();

as a rough example, then your script that is "yourphpscript.php" would be like

 <?php
   echo "your string"; 
?>

so that all that is returned to AJAX is your string to theResponse variable

What you do after that is up to you.

If you want to write javascript variables from PHP when the page is being rendered then the previous example is what you need.

What you seem to be doing is mixing Javascript and PHP up and you can't render PHP clientside as its a serverside scripting language.

root

To clarify...

<?php
    $theValue = "This is a string";
    $numberVar = 12345; 

?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script>
json = {

theVar:"<?php echo $theValue; ?>",
numberVar:<?php echo $numberVar; ?>,
anotherVar:false

}
alert( json.theVar ); // outputs This is a String
</script>
</head>

<body>
</body>
</html>

root

Then if you look at the page source code, you will find it renders as...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script>
json = {

theVar:"This is a string",
numberVar:12345,
anotherVar:false

}
alert( json.theVar ); // outputs This is a String
</script>
</head>

<body>
</body>
</html>