Диаграмма Google с использованием функции Jquery .get в файл PHP - PullRequest
0 голосов
/ 14 марта 2012

У меня проблема с загрузкой файла PHP с использованием .get (даже с использованием .load) с включенным в файл JavaScript-календарем Google. Вот пример:

index.php

<html>
<head>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
        google.load("visualization", "1", {packages:["corechart"]});
        google.setOnLoadCallback(drawChart);
        function drawChart() {
            var data = new google.visualization.DataTable();
            data.addColumn('string', 'Task');
            data.addColumn('number', 'Hours per Day');
            data.addRows([
              ['Work',    11],
              ['Eat',      2],
              ['Commute',  2],
              ['Watch TV', 2],
              ['Sleep',    7]
            ]);

            var options = {
              title: 'My Daily Activities'
            };

            var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
            chart.draw(data, options);
        }
    </script>
    <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            /*
            $(document).live('ready',function(){
                $('#insidefolders').load('file.php', function () { 
                });
            });
            */
            $.get('file.php', function show_province(e){
                $('#insidefolders').html(e);

            });  
        });
    </script>
</head>
<body>
    <div id="insidefolders"></div>
</body>

file.php:

    <div id="chart_div" style="width: 320px; height: 150px;" ></div>

Дело в том, что мне нужно, чтобы диаграмма была показана в файле file.php. Я пытался создать его внутри index.php, а затем клонировать, но это тоже не сработало.

Итак, еще раз, я просто пытаюсь загрузить file.php внутри index.php, но JavaScript-календарь Google внутри index.php не будет загружен в div внутри index.php

Любая помощь или предложения?

1 Ответ

0 голосов
/ 14 марта 2012

Я не совсем понимаю проблему, но, возможно, вам следует инициализировать календарь в обратном вызове $ .get

    google.load("visualization", "1", {packages:["corechart"]});
    google.setOnLoadCallback(drawChart);
    function drawChart() {
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Task');
        data.addColumn('number', 'Hours per Day');
        data.addRows([
          ['Work',    11],
          ['Eat',      2],
          ['Commute',  2],
          ['Watch TV', 2],
          ['Sleep',    7]
        ]);

        var options = {
          title: 'My Daily Activities'
        };


        $.get('file.php', function show_province(e){
            $('#insidefolders').html(e);
        var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
        chart.draw(data, options);

        });  
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...