how to call to javascript function using php?
<p>This question is more complex than we think.</p>

<p>I need to call a function in javascript from php if some condition is met.</p>

<p>The php code and the javascript function are in the same file.</p>

<p>I don't need to generate code of java script function because it is not effective to be done in a function with parameters and I also need to make changes to the contents of the function.</p>

<p>How do I call <code>CreateSVG();</code> line 58 in the php code?
many thanks.</p>

<p>My full file looks like below:</p>

<pre><code>&lt;?php
require_once("includes/initialize.php");
?&gt;
&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
    &lt;/script&gt;
    &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt;


&lt;/head&gt;
&lt;body&gt;


    &lt;div id="frame_shape"&gt;&amp;nbsp;
        &lt;div id="main"&gt;
            &lt;h2&gt;OOP Class Demo using PHP&lt;/h2&gt;
            &lt;h2&gt;Drawing shape usinig user parameteres.&lt;/h2&gt;
            &lt;p&gt;
            Please enter two numbers to calculate the area of rectangle or tringle and press submit...
            &lt;p&gt;
                &lt;form method="post" action="&lt;?php echo $_SERVER['PHP_SELF']; ?&gt;"&gt;
                    &lt;br&gt;width&lt;input type=text name='width'&gt;
                    &lt;br&gt;height&lt;input type=text name='height'&gt;
                    &lt;h2&gt;select shape&lt;/h2&gt;
                    &lt;input type="radio" name="shape" value="Rectangle" /&gt; Rectangle
                    &lt;br&gt;&lt;input type="radio" name="shape" value="Tringle" /&gt; Tringle
                    &lt;br&gt;&lt;input type="submit" name="submit" value="Submit Form"&gt;&lt;br&gt;
                &lt;/form&gt;
        &lt;br/&gt;&lt;br/&gt;
        &lt;/div&gt;
        &lt;div id="retangle"&gt;
            &lt;div id="svgContainer"&gt;&lt;/div&gt;
        &lt;/div&gt;
        &lt;div id="Tringle"&gt;&lt;/div&gt;
            &lt;div id="contener"&gt;
                &lt;?php
                 echo("&lt;br&gt;");
                        if (isset($_POST['submit'])) {
                                if (!empty($_POST['shape'])) {
                                  if ($_POST['shape'] === 'Rectangle') { 
                                      // create object of rectangle and calculate it is area
                  $rect = new Rectangle ($_POST['width'], $_POST['height']);
                  echo 'rectangle of this size would have the area of ', $rect-&gt;GetArea(), "&lt;br /&gt;";
                  //echo '&lt;script type="text/javascript"&gt;', 'CreateSVG();', '&lt;/script&gt;';
                  echo '&lt;script&gt;CreateSVG();&lt;/script&gt;';

                                  }
                                    else if ($_POST['shape'] === 'Tringle'){
                                              // create object of tringle and calculate it is area by extends
                  $tri = new Triangle ($_POST['width'], $_POST['height']);
                  echo 'triangle of this sizes would have the area of ', $tri-&gt;GetArea();
                                         }
                                }
                       }
                ?&gt;
            &lt;/div&gt;
    &lt;/div&gt;

&lt;script&gt;

$(document).ready(function() {

    function CreateSVG(){
            var xmlns = "http://www.w3.org/2000/svg";
            var boxWidth = &lt;?php echo $_POST['width'];?&gt;;
            var boxHeight = &lt;?php echo $_POST['height'];?&gt;;
            alert(boxWidth + ' ' + boxHeight);
            var svgElem = document.createElementNS (xmlns, "svg");
            svgElem.setAttributeNS (null, "viewBox", "0 0 " + boxWidth + " " + boxHeight);
            svgElem.setAttributeNS (null, "width", boxWidth);
            svgElem.setAttributeNS (null, "height", boxHeight);
            svgElem.style.display = "block";

            var g = document.createElementNS (xmlns, "g");
            svgElem.appendChild (g);
            g.setAttributeNS (null, 'transform', 'matrix(1,0,0,-1,0,300)');

                // draw linear gradient
            var defs = document.createElementNS (xmlns, "defs");
            var grad = document.createElementNS (xmlns, "linearGradient");
            grad.setAttributeNS (null, "id", "gradient");
            grad.setAttributeNS (null, "x1", "0%");
            grad.setAttributeNS (null, "x2", "0%");
            grad.setAttributeNS (null, "y1", "100%");
            grad.setAttributeNS (null, "y2", "0%");
            var stopTop = document.createElementNS (xmlns, "stop");
            stopTop.setAttributeNS (null, "offset", "0%");
            stopTop.setAttributeNS (null, "stop-color", "#ff0000");
            grad.appendChild (stopTop);
            var stopBottom = document.createElementNS (xmlns, "stop");
            stopBottom.setAttributeNS (null, "offset", "100%");
            stopBottom.setAttributeNS (null, "stop-color", "#0000ff");
            grad.appendChild (stopBottom);
            defs.appendChild (grad);
            g.appendChild (defs);

                // draw borders
            var coords = "M 0, 0";
            coords += " l 0, 300";
            coords += " l 300, 0";
            coords += " l 0, -300";
            coords += " l -300, 0";

            var path = document.createElementNS (xmlns, "path");
            path.setAttributeNS (null, 'stroke', "#000000");
            path.setAttributeNS (null, 'stroke-width', 10);
            path.setAttributeNS (null, 'stroke-linejoin', "round");
            path.setAttributeNS (null, 'd', coords);
            path.setAttributeNS (null, 'fill', "url(#gradient)");
            path.setAttributeNS (null, 'opacity', 1.0);
            g.appendChild (path);

            var svgContainer = document.getElementById ("svgContainer");
            svgContainer.appendChild (svgElem); 
    }




});
&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
