ansaurus

Question

Answer 1

+9 A:

You should escape the JavaScript string delimiters inside the PHP string. You're using double quotes for both PHP and JavaScript strings. Try like this instead:

<html>
<body>
<?php

// PHP uses single quotes, JavaScript uses double quotes
echo '<script type="text/javascript">';
echo 'document.write("Hello World!")';
echo '</script>';

?>
</body>
</html>

You have to escape quotes on both JavaScript and PHP when the string delimiter are the same as the quotes:

echo "\""; // escape is done using a backslash
echo '\'';

Same in JavaScript:

alert("\""); // escape is done using a backslash
alert(echo '\'');

But because it's very hard to read a string with such escape sequences, it is better to combine single with double quotes, as needed:

echo '"';
echo "'";

Ionuț G. Stan 2009-07-22 09:39:27

Answer 2

A:

You want to do this:

echo "document.write('Hello World!')";

I would suggest to read an article or book about PHP to get the Syntax right...

Malax 2009-07-22 09:39:36

Answer 3

A:

<?php

echo '<script type="text/javascript">document.write(\'Hello world\');</script>';
?>

ramlev 2009-07-22 09:39:56

Answer 4

A:

You need to escape the double quotes like this:

echo "<script type=\"text/javascript\">";
echo "document.write(\"Hello World!\")";
echo "</script>";

or use single quotes inside the double quotes instead, like this:

echo "<script type='text/javascript'>";
echo "document.write('Hello World!')";
echo "</script>";

or the other way around, like this:

echo '<script type="text/javascript">';
echo 'document.write("Hello World!")';
echo '</script>';

Also, checkout the PHP Manual for more info on Strings.

Also, why would you want to print JavaScript using PHP? I feel like there's something wrong with your design.

Randell 2009-07-22 09:40:12

Answer 5

+1 A:

You need to escape your quotes.

You can do this:

echo "<script type=\"text/javascript\">";

or this:

echo "<script type='text/javascript'>";

or this:

echo '<script type="text/javascript">';

Or just stay out of php

<script type="text/javascript">

Greg 2009-07-22 09:40:23

Answer 6

+4 A:

Another option is to do like this:

<html>
    <body>
    <?php
    ...php code...  
    ?>
    <script type="text/javascript">
        document.write("Hello World!");
    </script>
    <?php
    ....php code...
    ?>
    </body>
</html>

and if you want to use php inside your javascript, do like this:

<html>
    <body>
    <?php
        $text = "Hello World!;
    ?>
    <script type="text/javascript">
        document.write("<?php echo $text ?>");
    </script>
    <?php
    ....php code...
    ?>
    </body>
</html>

Hope this can help.

Johan 2009-07-22 10:27:48

Answer 7

A:

An easier way is to use the heredoc syntax of PHP. An example:

<?php

echo <<<EOF
<script type="text/javascript">
    document.write("Hello World!");
</script>
EOF;

?>

Turnor 2009-07-22 10:33:45

Answer 8

+3 A:

The error you get if because you need to escape the quotes (like other answers said).

To avoid that, you can use an alternative syntax for you strings declarations, called "Heredoc"

With this syntax, you can declare a long string, even containing single-quotes and/or double-quotes, whithout having to escape thoses ; it will make your Javascript code easier to write, modify, and understand -- which is always a good thing.

As an example, your code could become :

$str = <<<MY_MARKER
<script type="text/javascript">
  document.write("Hello World!");
</script>
MY_MARKER;

echo $str;

Note that with Heredoc syntax (as with string delimited by double-quotes), variables are interpolated.

Pascal MARTIN 2009-07-22 10:34:06

+1 for using HEREDOC, which is a much better way to handle a large code block.

Darren Newton 2009-07-22 11:28:35

+1. Agreed, use a heredoc if you are including large code blocks.

Grant Wagner 2009-07-22 16:05:46

Answer 9

+1 A:

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ The following solution should work quite well for what you are trying to do. ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

The JavaScript block is placed very late in the document so you don't have to worry about elements not existing.
You are setting a PHP variable at the top of the script and outputting just the value of the variable within the JavaScript block.

This way, you don't have to worry about escaping double-quotes or HEREDOCS (which is the recommended method if you REALLY must go there).

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ SEE CODE BELOW ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

<?php
  // prepare JavaScript variable
$greeting = 'Hello World!';
?>
<html>
    <head>
     <title>Javascript Embedding Example</title>
    </head>
<body>

    <div id="helloContainer"><div>

    <script type="text/javascript">
     document.getElementById('helloContainer').innerHTML = '<?= $greeting; ?>';
    </script>

</body>
</html>

wilmoore 2009-07-27 05:40:21

Answer 10

A:

You want to do this:

<html>
<body>
<?php

print '
<script type="text/javascript">
document.write("Hello World!")
</script>
';

?>
</body>
</html>

Maury 2010-04-13 22:11:18

ansaurus

tags:

views:

answers:

How to output JavaScript with PHP

related questions