how to execute php code within javascript

Question

lt button type  button  id  okButton  onclick  funk    value  okButton  gt Order now  lt  button gt   lt script type  text javascript  gt      function funk            alert  asdasd             lt  php echo  asdasda    gt         lt  script gt    When the button is pressed i want to execute php code  at this point to echo asadasda

User · Answer

put your php into a hidden div and than call it with javascript

php part

<div id="mybox" style="visibility:hidden;"> some php here </div>

javascript part

var myfield = document.getElementById("mybox");
myfield.visibility = 'visible';

now, you can do anything with myfield...

User · Answer

Interaction of Javascript and PHP  We all grew up knowing that Javascript ran on the Client Side  ie the browser  and PHP was a server side tool  ie the Server side    CLEARLY the two just cant interact   But -- good news   it can be made to work and here s how   The objective is to get some dynamic info  say server configuration items  from the server into the Javascript environment so it can be used when needed - - typically this implies DHTML modification to the presentation   First  to clarify the DHTML usage I ll cite this DHTML example    lt script type  text javascript  gt   function updateContent      var frameObj   document getElementById  frameContent     var y    frameObj contentWindow    frameObj contentDocument     if  y document  y   y document   y body style backgroundColor  red       demonstration of failure to alter the display      create a default  simplistic alteration usinga fixed string   var textMsg    Say good night Gracy     y write textMsg     y body style backgroundColor   00ee00       visual confirmation that the updateContent   was effective     lt  script gt    Assuming we have an html file with the ID  frameContent  somewhere  then we can alter the display with a simple  lt  body onload  updateContent       Golly gee  we don t need PHP to do that now do we   But that creates a structure for applying PHP provided content   We change the webpage in question into a PHTML type to allow the server side PHP access to the content     foo html becomes foo phtml     and we add  to the top of that page   We also cause the php data to be loaded into globals for later access - - like this    lt  php    global  msg1   msg2   textMsgPHP   function getContent  filename        if   theData   file get contents  filename  FALSE             return   theData         else           echo  FAILED                function returnContent  filename       if    theData   getContent  filename             this works ONLY if  theData is one linear line  ie remove all  n       textPHP   trim preg replace    r n  r  n         theData        return   textPHP       else       echo   lt span class  ERR  gt Error opening source file    n lt  span gt        filename  n              preload the dynamic contents now for use later in the javascript  somewhere   msg1         returnContent  dummy frame data txt     msg2         returnContent  dummy frame data 0 txt     textMsgPHP   returnContent  dummy frame data 1 txt       gt    Now our javascripts can get to the PHP globals like this          by accessig the globals    var textMsg     lt    php global  textMsgPHP  echo   textMsgPHP           In the javascript  replace     var textMsg    Say good night Gracy     with     using php returnContent        var textMsg     lt    php  msgX   returnContent  dummy div data 3 txt    echo   msgX          Summary    the webpage to be modified MUST be a phtml or some php file    the  first thing in that file MUST be the  lt    php to get the dynamic data    the php data MUST contain its own css styling  if content is in a frame    the javascript to use the dynamic data must be in this same  file      and we drop in outof PHP as necessary to access the  dynamic data      Notice -  use single quotes in the outer javascript and ONLY double quotes in the dynamic php data   To be resolved   calling updateContent   with a filename and      using it via onClick   instead of onLoad    An example could be provided in the Sample Dynamic Frame zip for your inspection  but didn t find a means to attach it

User · Answer

If you do not want to include the jquery library you can simple do the following  a  ad an iframe  size 0px so it is not visible  href is blank  b  execute this within your js code function   window frames  iframename   location replace  http       your php      This will execute the php script and you can for example make a database update

User · Answer

If you just want to echo a message from PHP in a certain place on the page when the user clicks the button  you could do something like this    lt button type  button  id  okButton  onclick  funk    value  okButton  gt Order now lt  button gt   lt div id  resultMsg  gt  lt  div gt   lt script type  text javascript  gt  function funk      alert  asdasd      document getElementById  resultMsg   innerHTML   lt  php echo  asdasda    gt        lt  script gt    However  assuming your script needs to do some server-side processing such as adding the item to a cart  you may like to check out jQuery s http   api jquery com load  - use jQuery to load the path to the php script which does the processing  In your example you could do    lt button type  button  id  okButton  onclick  funk    value  okButton  gt Order now lt  button gt   lt div id  resultMsg  gt  lt  div gt   lt script type  text javascript  gt  function funk      alert  asdasd          resultMsg   load  path to php script order item php       lt  script gt    This runs the php script and loads whatever message it returns into  lt div id  resultMsg  gt    order item php would add the item to cart and just echo whatever message you would like displayed  To get the example working this will suffice as order item php    lt  php    do adding to cart stuff here echo  Added to cart     gt    For this to work you will need to include jQuery on your page  by adding this in your  lt head gt  tag    lt script type  text javascript  src  https   ajax googleapis com ajax libs jquery 1 8 1 jquery min js  gt  lt  script gt

User · Answer

You can t run PHP with javascript  JavaScript is a client side technology  runs in the users browser  and PHP is a server side technology  run on the server    If you want to do this you have to make an ajax request to a PHP script and have that return the results you are looking for   Why do you want to do this

User · Answer

You could use http   phpjs org  http   locutus io php  it ports a bunch of PHP functionality to javascript  but if it s just echos  and the script is in a php file  you could do something like this   alert   lt  php echo  asdasda    gt       don t worry about the shifty-looking use of double-quotes  PHP will render that before the browser sees it   as for using ajax  the easiest way is to use a library  like jQuery  With that you can do     ajax     url   test php     success  function data            result   html data             and test php would be    lt  php    echo  asdasda     gt    it would write the contents of test php to whatever element has the result class

User · Answer

May be this way        lt  php       if   SERVER  REQUEST METHOD     POST            echo  asdasda                gt        lt form method  post  gt       lt button type  submit  id  okButton  gt Order now lt  button gt   lt  form gt

User · Answer

Any server side stuff such as php declaration must get evaluated in the host file  file with a  php extension  inside the script tags such as below   lt script type  text javascript  gt      var1     lt  php echo  Hello    gt     lt  script gt    Then in the  js file  you can use the variable  alert var1     If you try to evaluate php declaration in the  js file  it will NOT work

[php] how to execute php code within javascript

Examples related to php

Examples related to javascript