Size: a a a

2021 February 10

В

Виктория in JS Liberty
Ландос же. Так а ты попробуй сложный spa сайт написать, с разнообразным функционалом и ещё обязательно скрипты аналитики не забудь туда засунуть
источник

CG

Cat Gn in JS Liberty
Приходит с сервера скрипт, я его вставляю в разметку:

const responseFormat = await response.text();
   parent.innerHTML += responseFormat;

И я ожидаю, что он начнет выполняться, но это не так. Код, который его вставлял продолжает выполнение. В то время, как сценарий вставляемого кода  ещё не отыграл. Из-за чего я получаю ошибки
Возможно вставляемый код заваливается и не пишет ошибок в консоли или нужно вставлять уже готовые элементы в разметку, а не текст?
источник

CG

Cat Gn in JS Liberty
Надеюсь это с аналитикой)
источник

DE

Denis Efremov in JS Liberty
Cat Gn
Приходит с сервера скрипт, я его вставляю в разметку:

const responseFormat = await response.text();
   parent.innerHTML += responseFormat;

И я ожидаю, что он начнет выполняться, но это не так. Код, который его вставлял продолжает выполнение. В то время, как сценарий вставляемого кода  ещё не отыграл. Из-за чего я получаю ошибки
Возможно вставляемый код заваливается и не пишет ошибок в консоли или нужно вставлять уже готовые элементы в разметку, а не текст?
Ну так смотря что за текст ты вставляешь и когда
источник

CG

Cat Gn in JS Liberty
Denis Efremov
Ну так смотря что за текст ты вставляешь и когда
<div id='Chart_DownloadChart_container'></div><script type='text/javascript'>
var Chart_DownloadChart;
$(document).ready(function() {
 Chart_DownloadChart = new Highcharts.Chart({
   chart: { renderTo:'Chart_DownloadChart_container', backgroundColor: 'white', defaultSeriesType: 'pie', height: 500, plotBackgroundColor: 'white', plotShadow: false, width: 600 },
   legend: { align: 'center', enabled: true, floating: false, itemWidth: 200, labelFormatter:  function() { return this.options.name + ' - ' + this.options.y + ' (' + this.options.percentage + ')'; } , layout: 'horizontal', verticalAlign: 'bottom', width: 1200 },
   plotOptions: { pie: {  } },
   subtitle: { align: 'center', text: '<br/><b>11</b><br/>' },
   title: { align: 'center' },
   series: [{ data: [{ id: '4dc3d1a0-f29e-4e7b-8eb1-d747254a64b7', name: 'bobrov', y: 9, percentage: '81,82%' }, { y: 2, id: 'e150bc3b-9f13-4796-b576-1d3822c3a500', name: 'Кочнев А. А.', percentage: '18,18%' }], name: 'Количество / Доля', type: 'pie', allowPointSelect: false, dataLabels: { enabled: false }, showInLegend: true }]
 });
});
</script>
источник

S

Syntax Highlight Bot in JS Liberty
Cat Gn
<div id='Chart_DownloadChart_container'></div><script type='text/javascript'>
var Chart_DownloadChart;
$(document).ready(function() {
 Chart_DownloadChart = new Highcharts.Chart({
   chart: { renderTo:'Chart_DownloadChart_container', backgroundColor: 'white', defaultSeriesType: 'pie', height: 500, plotBackgroundColor: 'white', plotShadow: false, width: 600 },
   legend: { align: 'center', enabled: true, floating: false, itemWidth: 200, labelFormatter:  function() { return this.options.name + ' - ' + this.options.y + ' (' + this.options.percentage + ')'; } , layout: 'horizontal', verticalAlign: 'bottom', width: 1200 },
   plotOptions: { pie: {  } },
   subtitle: { align: 'center', text: '<br/><b>11</b><br/>' },
   title: { align: 'center' },
   series: [{ data: [{ id: '4dc3d1a0-f29e-4e7b-8eb1-d747254a64b7', name: 'bobrov', y: 9, percentage: '81,82%' }, { y: 2, id: 'e150bc3b-9f13-4796-b576-1d3822c3a500', name: 'Кочнев А. А.', percentage: '18,18%' }], name: 'Количество / Доля', type: 'pie', allowPointSelect: false, dataLabels: { enabled: false }, showInLegend: true }]
 });
});
</script>
источник

DE

Denis Efremov in JS Liberty
Cat Gn
<div id='Chart_DownloadChart_container'></div><script type='text/javascript'>
var Chart_DownloadChart;
$(document).ready(function() {
 Chart_DownloadChart = new Highcharts.Chart({
   chart: { renderTo:'Chart_DownloadChart_container', backgroundColor: 'white', defaultSeriesType: 'pie', height: 500, plotBackgroundColor: 'white', plotShadow: false, width: 600 },
   legend: { align: 'center', enabled: true, floating: false, itemWidth: 200, labelFormatter:  function() { return this.options.name + ' - ' + this.options.y + ' (' + this.options.percentage + ')'; } , layout: 'horizontal', verticalAlign: 'bottom', width: 1200 },
   plotOptions: { pie: {  } },
   subtitle: { align: 'center', text: '<br/><b>11</b><br/>' },
   title: { align: 'center' },
   series: [{ data: [{ id: '4dc3d1a0-f29e-4e7b-8eb1-d747254a64b7', name: 'bobrov', y: 9, percentage: '81,82%' }, { y: 2, id: 'e150bc3b-9f13-4796-b576-1d3822c3a500', name: 'Кочнев А. А.', percentage: '18,18%' }], name: 'Количество / Доля', type: 'pie', allowPointSelect: false, dataLabels: { enabled: false }, showInLegend: true }]
 });
});
</script>
Ну так там же слушатель события ready. Оно точно происходит после вставки этого?
источник

CG

Cat Gn in JS Liberty
Denis Efremov
Ну так там же слушатель события ready. Оно точно происходит после вставки этого?
Он срабатывает, если я делаю это через jquery: $(parent).append(responseFormat);
источник

CG

Cat Gn in JS Liberty
А через innerHtml - нет
источник

CG

Cat Gn in JS Liberty
Вопрос в том , как вставить скрипт и запустить без jq
источник

DE

Denis Efremov in JS Liberty
Вообще так вставлять — это не нормально
источник

DE

Denis Efremov in JS Liberty
Особенно, имея твой багаж знаний
источник

CG

Cat Gn in JS Liberty
Denis Efremov
Вообще так вставлять — это не нормально
Не об этом вопрос
источник

DE

Denis Efremov in JS Liberty
Cat Gn
Не об этом вопрос
Так ты не о том спрашиваешь
источник

CG

Cat Gn in JS Liberty
В смысле не о том?
источник

DE

Denis Efremov in JS Liberty
В смысле вопрос не об этом?
источник

DE

Denis Efremov in JS Liberty
Как получилось, что тебе приходится таким заниматься?
источник

CG

Cat Gn in JS Liberty
🤦‍♂️
источник

DE

Denis Efremov in JS Liberty
источник

CG

Cat Gn in JS Liberty
Denis Efremov
Как получилось, что тебе приходится таким заниматься?
я не понимаю, зачем тратить на это время?
Получилось так, потому что писали код лет 7 назад и если ты можешь быстро решить задачу переписав API сервера и фронт, то вперёд, я делаю что могу
источник