Home/ Questions/Q 6806813
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T19:45:23+00:00

im using the google charts libaries , just testing the example code in my

  • 0

im using the google charts libaries, just testing the example code in my server everything goes well. BUT, if i put the code in one page, lets call it example.php, if i call example.php from another page using ajax, like:

    $.ajax({ url: 'stats-render.php', data: {ref: $(this).attr('id')}, type: 'post', success: function(d) {
        $('div.stats-data').html(d);
    }});
    $('div.stats-data').html('<center><img src="css/img/ajax-loader.gif" alt="loader_IMG" /><br>Rendering your stats</center>');
1000);
    });

It does work, obviously there is a problem when i call the example via ajax and not when i call it directly. Any ideas?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You should consider using an iframe to make it works, as the result of the google test page is a complete html page.

    Your code becomes :

    <html>
  <head>
    <title>test</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"/>
    <script type="text/javascript">
      $(function(){
         $('.stats-data').html('<center><img src="css/img/ajax-loader.gif" alt="loader_IMG" /><br>Rendering your stats</center>');

         $('.stats-data').attr('src', 'stats-render.php');
       });
    </script>
  </head>
  <body>
    <iframe width="600" height="600" class="stats-data">
      override me
    </iframe>
  </body>
</html>

    It loads the content of the google cahrt in your page using an iframe.
    If you really wanted to use a div instead of an iframe, you should consider parsing the result of your ajax call and fill your div correctly.

    • 0