Полная загрузка HTML страницы происходит только при повторном ее вызове | Forum

8 June 2020, 19:58

Posts: 3

8 June 2020, 19:58

Posts: 3

Добрый день! Делаю страницу на Django с графиками на основе Google Charts. HTML знаю только элементы, к сожалению... При переходе по адресу http://127.0.0.1/charts графики нормально загружаются. Сделал переход на этот адрес с другой страницы по меню. В браузере происходит переход на это адрес, в код страницы загружаются данные, но графики на отображаются. Если страницу повторно обновить в браузере, то графики появляются. Понимаю, что не отрабатыват при первой загрузки страницы setOnLoadCallback. Прошу помочь.

Код:

{% block js_fh %}
    <script type="text/javascript" src="//www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);

      function drawChart() {
      ...
      }

      var chart = new google.visualization.LineChart(document.getElementById('fh_chart'));
    </script>
{% endblock %}

{% block content %}
    {% include 'fhapp/includes/inc_menu.html' %}
    <div id="fh_chart"></div>
{% endblock %}

Updated 8 June 2020, 19:59 by Vicli.

Answer | 0

9 June 2020, 11:24 Vicli Posts: 3	9 June 2020, 11:24 Vicli Posts: 3 Добавлю к вопросу view.py: `def draw_charts(request): fh_data = [[...],[...]] context = {'fh_data': fh_data,} return render(request, 'charts/charts.html', context)` Updated 9 June 2020, 11:25 by Vicli.
	Answer \| 0

10 June 2020, 12:08 RaD Posts: 2822 Location: Снегири, МО	10 June 2020, 12:08 RaD Posts: 2822 Location: Снегири, МО Смотри консоль разработчика в браузере. Если ничего не помогает, прочтите документацию, наконец!
	Answer \| 0

10 June 2020, 19:56

Vicli

Posts: 3

10 June 2020, 19:56

Vicli

Posts: 3

Смотри консоль разработчика в браузере.

Спасибо за совет! @RaD , к Вашему статусу на сайте: Вот правда, для разработки сайта только для себя, для своих мирских целей и так пришлось освоить азы и не только Python, Django, HTML, Javascript, Jquery... Все это очень нужно и интересно. Но вот для своего небольшого шкурного сайта - ну нету времени читать СПЛОШНЯКОМ всю "документацию. наконец" :) Т.ч. надеюсь "халявно"на Вашу помощь :)

Вот что в консоли после появления страницы после вызова ее из меню на предыдущей странице:

VM23 jquery-latest.js:9631 XHR finished loading: GET "http://127.0.0.1:8000/charts/".
send @ VM23 jquery-latest.js:9631
ajax @ VM23 jquery-latest.js:9176
a.mobile.loadPage @ VM24 jquery.mobile-1.3.2.min.js:3
a.mobile.changePage @ VM24 jquery.mobile-1.3.2.min.js:3
(anonymous) @ VM24 jquery.mobile-1.3.2.min.js:3
dispatch @ VM23 jquery-latest.js:4641
elemData.handle @ VM23 jquery-latest.js:4309

Эти библиотеки я запрашиваю Кстати, данные context из view появляются сразу - я их вывожу в <div> А потом после рефреша этой же страницы:

Navigated to http://127.0.0.1:8000/charts/

И со второго раза отрабатывает скрипт который содержит function drawChart() и графики появляются

Answer | 0

10 June 2020, 21:16

RaD

Posts: 2822
Location: Снегири, МО

10 June 2020, 21:16

RaD

Posts: 2822
Location: Снегири, МО

Но вот для своего небольшого шкурного сайта - ну нету времени читать СПЛОШНЯКОМ всю "документацию. наконец" :) Т.ч. надеюсь "халявно"на Вашу помощь :)

Разумнее надеяться на помощь по JS библиотеки на профильном сайте.

Если ничего не помогает, прочтите документацию, наконец!

Answer | 0

14 June 2020, 13:29

cfdbwrbq

Posts: 22
Location: Москва

14 June 2020, 13:29

cfdbwrbq

Posts: 22
Location: Москва

попробуйте блок {% block js_fh %} включить внутрь {% block content %} или сами скрипты туда поместить в разные места (в начало или в конец)
ctrl+F5 вместо F5
по максимуму JS-библиотеки и CSS, не ленитесь, скачивайте и используйте локально (ну, кроме тех, которые бессмысленно скачивать)

и да

Разумнее надеяться на помощь по JS библиотеки на профильном сайте

Answer | 0