使用onclick调用分配php变量始终分配第二个onclick

Question

I have these onclicks that when clicked changes the value of $table which has been instantiated in the head $table = 'dust_devils'; to the default of dust_devils

<span onclick = <?php $table = 'dust_devils';?>> Dust Devils </span> <br />
<span onclick = <?php $table = 'fire_giants';?>> Fire Giants </span>

these connect to my function function getLog($table){...} in order to get a specific table from my database.

However when my page loads it automatically loads to the last assignment. In this case it's fire_giants.

Anyone know what's wrong here?

---

EDIT: Besides the fact that serverside + client side doesnt interact. There is a default value that it isn't following declared SERVER side.

Answer 1

You'd have to do something like this.

<span onClick = "load('FireGiants')">Fire Giants</span>

With Jquery/javascript whatever

<script>
function load(type){
  $.AJAX({
      Method:"post",
      url:"getTable.php",
      data : {"type" : type},
      success : function(d) {
          $('#AREATOAPPEND').append(d);
      }
  });

}
</script>

With a php page that just does the rendering for the click function.

 <?php
 $type = $_POST['type'];

 //Do Table Generation

 echo 'Table for this type';
 ?>

Or you could just pass the entire structure to the table via JSON or something and render it client side on the fly.

Answer 2

You are forgetting that all of the PHP is evaluated and executed on the server, before the page is sent to the browser.

If you view the HTML source in your browser (normally by pressing Ctrl+U), you will see what I'm talking about.