How can I load php in a div with button onclick events in Javascript?

Question

I am trying to load a table dynamically in a div in a php page. I want to load the tables using buttons or links on the same page.

I tried this:

<button id="fcluns" type="button" onclick="loadpage(this.id)">FC LUNs</button>
<div id="Table"></div>
<script type="text/javascript"> 
function loadpage(clicked_id){
if (clicked_id =="fcluns"){
    $("Table").html('loadingImage.gif').load('getfcLuns.php?name=<?php $Host=$_GET['name']; echo $Host;?>');
}
}
</script>

i am generating the table from a php page getfcLuns.php where mysql queries are executed to get the details from database. And i am getting the $host in this php and passing it to the helper php to generate the table.

Any other efficient way is welcome. But I want to keep the page php based only.

You CANNOT process PHP on the client side with an onClick event...consider using Ajax — Mr. Alien
– Mr. Alien, Commented Jul 18, 2013 at 4:59
can someone share a code snippet for an ajax implementation for this scenario? — Tirtha Pratim Bhattacharjee
– Tirtha Pratim Bhattacharjee, Commented Jul 18, 2013 at 5:07
Take an hidden variable with the value as $_GET['name']; Pass this variable value also to function loadpage() and pass it in the parameter... — Prem Baranwal
– Prem Baranwal, Commented Jul 18, 2013 at 5:11
@Mr.Alien I don't think that is what is happening here, rather the page in question is generated using PHP. On the client side the PHP code in question would not show and would be replaced with the contents of $_GET['name']. — Mike
– Mike, Commented Jul 18, 2013 at 5:13
@Mike I guess he wants to show table on click, and than fetch the data from the db onclick event — Mr. Alien
– Mr. Alien, Commented Jul 18, 2013 at 5:15

Tirtha Pratim Bhattacharjee · Accepted Answer · 2013-07-20 19:09:35Z

3

<script src="ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"; type="text/javascript"> </script>
<button id="fcluns" type="button" onclick="loadpage(this.id)">FC LUNs</button>
<div id="Table"></div>
<script type="text/javascript"> 
function loadpage(clicked_id){
 if (clicked_id =="fcluns"){
    $("Table").load("getfcLuns.php?name=<?php $Host=$_GET['name']; echo $Host; ?>");
}
 }
 </script>

This above script Worked.

answered Jul 20, 2013 at 19:09

Tirtha Pratim Bhattacharjee

1594 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

GDY · Accepted Answer · 2013-07-18 05:09:43Z

2

Try

$("#Table").css({'background-image':'loadingImage.gif'}).load(
    'getfcLuns.php?name=<?php echo $_GET[name];?>',
    function() {
        $(this).css({'background-image':'none'});
    }
);

Read the Documentation http://api.jquery.com/load/

answered Jul 18, 2013 at 5:09

GDY

2,9611 gold badge29 silver badges46 bronze badges

2 Comments

Tirtha Pratim Bhattacharjee Over a year ago

Worked with this :<script src="ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"> </script>

DRAJI Over a year ago

@Tirtha Pratim Bhattacharjee please add it into your answer part and make accept, it will helpful to the others

Collectives™ on Stack Overflow

How can I load php in a div with button onclick events in Javascript?

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related