Где Google хранит этот файл, используемый для визуализации Google, я могу сделать его локальным для моего сайта? Кроме того, какие-либо примеры кода, чтобы заставить датчики работать в IE? - PullRequest
Новая
       3

Где Google хранит этот файл, используемый для визуализации Google, я могу сделать его локальным для моего сайта? Кроме того, какие-либо примеры кода, чтобы заставить датчики работать в IE?

2 голосов
/ 16 февраля 2011

РЕДАКТИРОВАТЬ
Пожалуйста, ознакомьтесь с произведенным html и Javascript здесь:
http://jsfiddle.net/GregMcNulty/K6Vrb/1/

Согласно этому Комментарий 4 -комментарий в начале файл вызывает проблемы.

Мой вопрос: какой это файл и когда он загружается?

Единственный загружаемый файл: https://www.google.com/jsapi, как показано в примере .

Так что, если я смогу выяснить, когда и как он называется, могу ли я сделать это локальным файлом на моем сайте вместо того, чтобы вызывать его из Google .... и отредактировать его, чтобы удалить комментарии, чтобы я могзаставить гугл-датчики работать в IE?

Спасибо.

Не уверен, почему метаданные в голове тоже не работают?Должно ли это работать во всех случаях?

У кого-нибудь есть конкретный пример, который он может показать, как он получил визуализацию / графики Google, работающие с IE?

Голова без какого-либо типа документа, однако, она ужасно воспроизводит остальную часть тела (не показано) ... 

<html>
<head><meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />  
<title>
    Your Levels
</title>

     <!-- Google JavaScript for gauges -->
       <script src='http://www.google.com/jsapi' type='text/javascript' ></script>   
    <!-- Style Sheet -->
       <link href="Styles/EliteCircle.css" rel="stylesheet" type="text/css" />    
    <!-- My local JavaScript File -->
       <script src="Scripts/JScript.js" type="text/javascript"></script>



</head>


<body>

    <form name="aspnetForm" method="post" action="Stats.aspx" onsubmit="javascript:return WebForm_OnSubmit();" id="aspnetForm">

... и т.д ...

1 Ответ

1 голос
/ 19 февраля 2011

Решение простое.

DOCTYPE в комментарии - это DOCTYPE на вашей веб-странице. Тот, который вызывает JavaScript визуализации Google.

Доказательство:

  1. Взять пример датчика на странице визуализации Google.
  2. Вырежьте и вставьте его в файл g.html на рабочем столе
  3. сделать не добавить DTD <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> поверх тега HTML.
  4. Откройте его в IE8 => работает
  5. добавить DTD, показанный в 3 => неработающий.

Таким образом, для обеспечения работы в IE8 опустите DTD перед открывающим тегом html.

Я пробовал другие DTD, особенно строгие xhtml 1, которые, как известно, заставляют IE вести себя. Пока не повезло.

Обновление

Кстати, когда я добавляю dtd, вставленный visual studio (античный 4.01), он все еще работает. Я также добавил ваш заголовок. Файл ниже работает нормально в IE8 для меня. 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>
    Your Levels
</title>
     <!-- Style Sheet -->
       <link href="Styles/EliteCircle.css" rel="stylesheet" type="text/css" />    
    <!-- My local JavaScript File -->
       <script src="Scripts/JScript.js" type="text/javascript"></script>
    <script type='text/javascript' src='https://www.google.com/jsapi'></script>
    <script type='text/javascript'>
        google.load('visualization', '1', { packages: ['gauge'] });
        google.setOnLoadCallback(drawChart);
        function drawChart() {
            var data = new google.visualization.DataTable();
            data.addColumn('string', 'Label');
            data.addColumn('number', 'Value');
            data.addRows(3);
            data.setValue(0, 0, 'Memory');
            data.setValue(0, 1, 80);
            data.setValue(1, 0, 'CPU');
            data.setValue(1, 1, 55);
            data.setValue(2, 0, 'Network');
            data.setValue(2, 1, 68);

            var chart = new google.visualization.Gauge(document.getElementById('chart_div'));
            var options = { width: 400, height: 120, redFrom: 90, redTo: 100,
                yellowFrom: 75, yellowTo: 90, minorTicks: 5
            };
            chart.draw(data, options);
        }
    </script>
  </head>
  <body>
    <div id='chart_div'></div>
       <form name="aspnetForm" method="post" action="Stats.aspx" onsubmit="javascript:return WebForm_OnSubmit();" id="aspnetForm">  
       </form>
  </body>
</html>
...