2012-03-14 9 views
0

ファイルに含まれているGoogleカレンダーJavascriptで.get(.loadも使用)を使用してPHPファイルを読み込む際に問題が発生しました。次に例を示します。GoogleグラフJquery .get関数をPHPファイルに使用

の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の中に作成してそれを複製しようとしましたが、それはどちらもうまくいきませんでした。

だから、再び、私はただのindex.php内file.phpロードしようとしたが、index.phpの内部で任意のヘルプや提案

のindex.php内のdiv要素にロードされませんjavascriptをGoogleカレンダーよ?

答えて

0

私は完全に問題を理解していないが、あなたは完全に私の問題を理解していない場合でも、多分あなたは$に.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); 

     }); 
+0

のコールバックでカレンダーを初期化する必要があります。あなたはそれを解決しました。私は他の方法で物を動かそうとしましたが、これは一番うまくいったのです。ありがとうございました。 – busycoding

関連する問題