Witam, na swojej stronie planuje "zamontować" wykresy google, jednak nie działają mi one w przeglądarce ie6 i ie7.
Już opisuje problem, ale najpierw wkleję kody z plików:
Oto kod z pliku index.php
<?
?>
<?php
include('.....');
$strona = $_GET['strona'];
$podstrona = $_GET['podstrona'];
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="opis" />
<meta name="keywords" content="słowa, kluczowe" />
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" type="text/css" href="widok.css" media="screen,projection" />
<link rel="stylesheet" type="text/css" href="drukuj.css" media="print" />
<title>--</title>
</head>
<body>
<div id="naglowek">
......
</div>
<div id="main">
<?
switch($strona)
{
case "": include("glowna.php"); break;
case "rejestracja": include("rejestracja.php"); break;
case "logowanie": include("logowanie.php"); break;
case "zmiana": include("zmiana.php"); break;
case "rejestracja": include("rejestracja.php"); break;
case "admin":
switch($podstrona){
case 'pojemniki': include("pojemniki.php"); break;
}; break;
case "raporty": include("raporty.php"); break;
case "raport":
switch($podstrona){
case 'dodaj-raport-dzienny': include("dodaj-raport-dzienny.php"); break;
case 'dodaj-raport-dzienny-suma': include("dodaj-raport-dzienny-suma.php"); break;
}; break;
}
?>
</div>
<div id="sidebar">
........
</div>
<div id="footer">
<p>Copyright © 2011 <a href="index.php">-</a> · <a href="#">kontakt</a></p>
</div>
</div>
</body>
</html>
Jak widać za pomocą switch'a includuje pliki za pomocą zmiennych $strona oraz $podstrona.
Includuje między innymi plik dodaj-raport-dzienny-suma.php:
<?
$ilosc = 32712;
$waga = 5463.4;
$data = "2011-10-11";
$braki = 78;
echo'<div class="block">Produkcja z dnia: <b>'.$data.'</b></div>'; echo'<div>Ilość: <b>'.$ilosc.'</b></div>'; echo'<div>Waga: <b>'.$waga.'</b></div>'; echo'<div>Średnia waga wyrobu: <b>'.round($waga/$ilosc, 3).'</b></div>'; echo'<div class="block">Procent braków z produkcji: <b>'.round($braki/($braki+$waga)*100
, 3
); echo '</b></div>'; ?>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Data');
data.addColumn('number', 'Produkcja');
data.addColumn('number', 'Brakowość');
data.addRows([
['Ostatnio', 4570, 120],
['Dzisiaj',
<? echo $waga; ?>,
<? echo $braki; ?>]
]);
var options = {
width: 500, height: 240,
title: 'Test',
};
var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
<div id="chart_div"></div>
Nie zwracajcie uwagi na te stałe zmienne, bo to jest dopiero projekt i te wszystkie dane będą pobierane z bazy. Ale wracając do tematu to na samym dole znajduje się kod z google API. Dzięki niemu powinien pojawić się wykres, ale niestety pojawia się tylko w CHROMIE, oraz w IE8 (nie testowałem na innych), a na IE 6 i IE7 już pojawia się błąd:
Kod
Wiersz: 67
Znak: 9
Błąd: Oczekiwano identyfikatora, ciągu znaków lub liczy
Kod: 0
Nie wiem gdzie jest problem, pomocy
Problem rozwiązany. EOT
Wykresy Google, Nie działa w IE6 i 7
19.12.2011, 15:24:52
