Inner HTML not running JavaScript

[Luke Powl]

So i have this script running (which works perfect) The REL attribute is linked to a Jquery plugin called Shadow box that is the only thing I need to get working. Currently it seems that Javascript is not even running within the innerhtml.

function checkDash()
{
    req2 = getXMLHTTP();
    req2.open("POST", "<?php echo $this->url('utilities/dashboardstats'); ?>", "true");
    req2.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    req2.setRequestHeader("Connection", "close");
    req2.send("test=1");
    req2.onreadystatechange=function()
{
        if(req2.readyState == 4)
        {
            var fetchedText = req2.responseText;
            if(fetchedText == null || fetchedText == "")
            {
                document.getElementById("dashboardstats").innerHTML="No Quick Stats To Display";
            }
            else
            {
                document.getElementById("dashboardstats").innerHTML=req2.responseText;
            }
        }
    }

Then it displays the page on the side of my other page perfectly. Now the problem I am having is i need to run Javascript from that innerhtml ,

My Innerhtml is

<?php if (!empty($this->outConsumers)) :?>
    <?php foreach($this->outConsumers as $c): ?>
        <tr class="data">
            <td>(<a href="<?php echo $this->url("lookup/1/" . $c->alias . "/post"); ?>"><?php echo $c->alias; ?></a>)</td>
            <td><?php if ($c->outTotal > 15000) {
                        echo      "<font color='red'>";}
                      if ($c->outTotal < 15000 && $c->outTotal > 9000){
                        echo "<font color='orange'>";}
                                 echo number_format($c->outTotal, 2, '.', ','); ?></font> GB <font color='blue'><b>OUT</b></td></font>
                                 <a  href="<?php echo ('../../networktools/'.$c->ip.'/bandwidthgraph');?>" rel="shadowbox;height=580;width=750">Bandwidth Graph</a>

         </tr>
    <?php endforeach; ?>
<?php endif;?>

Any Ideas why my page is not loading JavaScript?

I appreciate any help in advance!

[Bear Bibeault]

Just shoving script into innerHTML isn't going to make it run.

You say you are using jQuery, so why aren't you using it to do your Ajax? jQuery will cause the script to execute when loaded with the .load() method.

[Luke Powl]

The jquery loads when you click on the link. Not when the page is loaded . Not sure if that helps you undestand what im doing ?

[Eric Pascarello]

putting JavaScript on the page with innerHTML is not going to run. The browser does not evaluate it.

Libraries like jQuery pull out the scripts and eval() it.

Eric

[Bear Bibeault]

Not sure if that helps you undestand what im doing ?

Then let me summate: you are loading some HTML and script, generated by PHP, from the server via Ajax. The script in this loaded block is not executing when you insert the block into the DOM using innerHTML.

Is that correct?

If so, my reply stands.

[As does Eric's which says the exact same thing I said.]

[Luke Powl]

Thank you! I understand now, And i am unsure how to change from ajax to jquery simply. It sounds almost a hassle but I guess i have the itme ill switch over.

[Bear Bibeault]

Loading an element with jQuery:

$('#elementId').load('/url/to/resource');    

Doesn't seem like rocket science to me!

[Luke Powl]

FYI,
This worked inside the innerHTML


<img style="cursor:pointer" src="<?php echo $this->url('images/layout3/icons/icon-bandwidth.gif')?>" onclick="Shadowbox.open({ content:'<?php echo $this->url("networktools/".$c->ip."/bandwidthgraph");?>', width:'750',height:'580', player:'iframe'}); return false;" >

[Bear Bibeault]

Yeah, there's no script block in that.