Цикл for некорректно работает в XSLT

@Inskipp · Регистрация: 27.02.2024

Студворк — интернет-сервис помощи студентам

Ниже предельно упрощенные тестовые файлы (фрагменты из настоящего кода). Windows 7 pro. Firefox 115.15.0esr.
Здесь искал решение контекстом, но не нашел.

Файл html:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<!DOCTYPE html>
<HTML lang="ru" htmlns="http://www.w3.org/1999/xhtml">
<HEAD>
 <meta charset="Windows-1251"/>
 <meta name="viewport" content="width=device-width"/>
 <TITLE>Test checkboxes</TITLE>
 <LINK rel="stylesheet" href="styles.css"/>
</HEAD>
 
<BODY>
<SCRIPT src="handlers.js"></SCRIPT>
 
<TABLE class="main">
 
<TR class="monolithic noprint">
 <TH align="center"><STRONG>Кулинария</STRONG></TH>
 <TH align="center"><STRONG>Наименования</STRONG></TH>
 <TH align="center">
  <DIV class="checking-wrapper noprint">
  <DIV class="checkingall">
   <form>
    <button id="CheckAllButton" type="button" class="hide-show-content"><IMG src="/assets/img/printer.svg" width="16px"/></button>
    <button id="UnCheckAllButton" type="button" class="hide-show-content"><IMG src="/assets/img/printernot.svg" width="16px"/></button>
   </form>
   <DIV id ="hintCheckAll" class="hint">
    Пометить всё для печати
   </DIV>
   <DIV id ="hintUnCheckAll" class="hint">
    Снять все отметки печати
   </DIV>
  </DIV>
 </DIV>
 <STRONG>Медицина</STRONG>
 </TH>
 <DIV class="head-line">Применение в медицине</DIV>
</TD>
</TR>
 
<!-- вот такая гуппа из нескольких строк повторяется несколько раз -->
<!-- все id в цифровой части в каждой группе инкрементируются (ручками для теста сделал) -->
<TR id="row_1" class="monolithic"><!-- строка главной таблицы -->
<TD class="cooking">
 некоторые данные
</TD>
<TD class="allcentered">
 некоторые данные
</TD>
<TD class="medicine">
 <DIV class="checking-wrapper noprint">
  <DIV class="checking">
   <input id="ch_1" 
    class="hide-show-content" type="checkbox" checked="true"/>
   <label for="ch_1" 
    class="hide-show-content"><IMG src="printer.svg" width="16px"/></label>
  </DIV>
 </DIV>
 некоторые данные
</TD>
</TR>
 
<TR id="note_1" class="any-notes" style="background-color:#F5F5F5;">
 <TD class="any-notes" colspan="3">
  <DIV class="checking-wrapper noprint">
   <DIV class="checkingnote">
    <input id="notech_1" 
     class="hide-show-content" type="checkbox" checked="true"/>
    <label for="notech_1" 
     class="hide-show-content"><IMG id="labelch_1" src="printer.svg" width="16px"/></label>
   </DIV>
  </DIV>
 некоторые данные
 </TD>
 
</TR>
 
<TR id="br_1" class="breakspace">
 <TD class="breakspace">
  <P class="breakspace"> </P>
 </TD>
</TR>
 
<!-- конец группы -->
 
</TABLE>
</BODY>
</HTML>

Файл xslt:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<?xml version="1.0" encoding="windows-1251"?>
 
<xsl:stylesheet version="1.0"
 xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
>
 
<xsl:template match="/Species">
 
<HTML xsl:version="1.0" lang="ru" htmlns="http://www.w3.org/1999/xhtml"> 
 <HEAD> 
  <TITLE>Описания специй, пряностей</TITLE>
 
  <LINK rel="stylesheet" href="/assets/css/styles.css"/>
  <LINK rel="stylesheet" href="/assets/css/print.css" media="print, handheld" />
 
 </HEAD>
<BODY>
 
<SCRIPT src="/assets/javascript/handlers.js"></SCRIPT>
 
<TABLE class="main">
 
<TR class="monolithic noprint" style="background-color:#CCCCCC;">
 <TH align="center"><STRONG>Кулинария</STRONG></TH>
 <TH align="center"><STRONG>Наименования</STRONG></TH>
 <TH align="center">
  <DIV class="checking-wrapper noprint">
  <DIV class="checkingall">
   <form>
    <button id="CheckAllButton" type="button" class="hide-show-content"><IMG src="/assets/img/printer.svg" width="16px"/></button>
    <button id="UnCheckAllButton" type="button" class="hide-show-content"><IMG src="/assets/img/printernot.svg" width="16px"/></button>
   </form>
   <DIV id ="hintCheckAll" class="hint">
    Пометить всё для печати
   </DIV>
   <DIV id ="hintUnCheckAll" class="hint">
    Снять все отметки печати
   </DIV>
  </DIV>
 </DIV>
 <STRONG>Медицина</STRONG>
 </TH>
</TR>
 
<xsl:for-each select="Entry">
 
<TR class="monolithic">
 <xsl:attribute name="id">
  <xsl:value-of select='concat("row_",position())'/>
 </xsl:attribute>
 <TD class="cooking">
  некоторые данные из xml базы данных
 </TD>
 
 <TD class="allcentered">
  некоторые данные из xml базы данных
 </TD>
 <TD class="medicine">
  <DIV class="checking-wrapper noprint">
   <DIV class="checking">
    <input class="hide-show-content" type="checkbox" checked="true">
     <xsl:attribute name="id">
      <xsl:value-of select='concat("ch_",position())'/>
     </xsl:attribute>
    </input>
    <label class="hide-show-content">
     <xsl:attribute name="for">
      <xsl:value-of select='concat("ch_",position())'/>
     </xsl:attribute>
     <IMG src="/assets/img/printer.svg" width="16px"/>
    </label>
   </DIV>
  </DIV>
  некоторые данные из xml базы данных
 </TD >
</TR>
 
<TR class="any-notes">
 <xsl:attribute name="id">
  <xsl:value-of select='concat("note_",position())'/>
 </xsl:attribute>
 
 <TD class="any-notes" colspan="3">
  <DIV class="checking-wrapper noprint">
   <DIV class="checkingnote">
    <input class="hide-show-content" type="checkbox" checked="true">
     <xsl:attribute name="id">
      <xsl:value-of select='concat("notech_",position())'/>
     </xsl:attribute>
    </input>
    <label class="hide-show-content">
     <xsl:attribute name="for">
      <xsl:value-of select='concat("notech_",position())'/>
     </xsl:attribute>
     <IMG src="/assets/img/printer.svg" width="16px">
      <xsl:attribute name="id">
       <xsl:value-of select='concat("labelch_",position())'/>
      </xsl:attribute>
     </IMG>
    </label>
   </DIV>
  </DIV>
  некоторые данные из xml базы данных
 </TD>
 
</TR>
 
<TR class="breakspace">
 <xsl:attribute name="for">
  <xsl:value-of select='concat("br_",position())'/>
 </xsl:attribute>
 <TD class="breakspace">
  <P class="breakspace"> </P>
 </TD>
</TR>
 
</xsl:for-each>
 
</TABLE>
</xsl:template>
</xsl:stylesheet>

файл JS (одинаковый для html и xslt):

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
let ChangeNote = function(Entry){
 let StrEntry = String(Entry);
 let notecheckbox=document.getElementById('notech_'+StrEntry);
 let note=document.getElementById('labelch_'+StrEntry);
 if(notecheckbox.checked) {
  console.log('note ',Entry ,' checked');
  note.setAttribute('class', 'any-notes');
 } else {
  console.log('note ',Entry ,' uncecked');
  note.setAttribute('class', 'any-notes noprint');
 };
};
 
let ChangeRow = function(Entry){
 let StrEntry = String(Entry);
 let checkbox = document.getElementById('ch_'+StrEntry);
 let row = document.getElementById('row_'+StrEntry);
 let note = document.getElementById('note_'+StrEntry);
 let notecheckbox = document.getElementById('notech_'+StrEntry);
 let noteprinter = document.getElementById('labelch_'+StrEntry);
 let br=document.getElementById('br_'+StrEntry);
 console.log('Entry ', Entry, checkbox.checked);
 if(checkbox.checked) {
  console.log('row checked');
  row.setAttribute('class', 'monolithic');
  note.setAttribute('class', 'any-notes');
  notecheckbox.checked = true;
  notecheckbox.style.visibility = 'visible';
  noteprinter.style.visibility = 'visible';
  ChangeNote(Entry);
  br.setAttribute('class', 'breakspace');
 } else {
  console.log('row unchecked');
  row.setAttribute('class', 'monolithic noprint');
  note.setAttribute('class', 'any-notes noprint');
  notecheckbox.checked = false;
  notecheckbox.style.visibility = 'hidden';
  noteprinter.style.visibility = 'hidden';
  ChangeNote(Entry);
  br.setAttribute('class', 'breakspace noprint');
 };
};
 
let CheckAll = function(){
 let nodesShowHide = document.querySelectorAll('[id^="ch_"]');
 let length = nodesShowHide.length;
 console.log('Пометить всё для печати ', length);
 for (let i = 0; i < length; i++) {
  let strrow = nodesShowHide[i].getAttribute('id').substring(3);
  let checkbox = document.getElementById('ch_'+strrow);
  console.log('check row ',strrow);
  checkbox.checked = true;
  ChangeRow(Number(strrow));
 };
};
 
let UnCheckAll = function(){
 let nodesShowHide = document.querySelectorAll('[id^="ch_"]');
 let length = nodesShowHide.length;  
 console.log('Снять все отметки для печати ', length);
 for (let i = 0; i < length; i++) {
  let strrow = nodesShowHide[i].getAttribute('id').substring(3);
  let checkbox = document.getElementById('ch_'+strrow);
  console.log('uncheck row ',strrow);
  checkbox.checked = false;
  ChangeRow(Number(strrow));
 };
};
 
let hintHandlerOn = function(event){
  let hint = document.getElementById('hintCheckAll');
  if (event.type == 'mouseover') {
   hint.style.visibility = 'visible';
   console.log('hintHandlerOn ',event.type,' hint .style.visibility', hint.style.visibility);
  }
  if (event.type == 'mouseout') {
   hint.style.visibility = 'hidden';
   console.log('hintHandlerOn ',event.type,' hint .style.visibility', hint.style.visibility);
  };
};
 
let hintHandlerOff = function(event){
  let hint = document.getElementById('hintUnCheckAll');
  if (event.type == 'mouseover') {
   hint.style.visibility = 'visible';
   console.log('hintHandlerOn ',event.type,' hint .style.visibility', hint.style.visibility);
  }
  if (event.type == 'mouseout') {
   hint.style.visibility = 'hidden';
   console.log('hintHandlerOff ',event.type,' hint .style.visibility', hint.style.visibility);
  };
};
 
window.onload = function() {
 const nodesShowHide = document.querySelectorAll('[id^="ch_"]'); 
 for (let i = 0, length = nodesShowHide.length; i < length; i++) {
  let strrow = nodesShowHide[i].getAttribute('id').substring(3);
  let Entry = Number(strrow);
  console.log('initialise row ',strrow);
  nodesShowHide[i].addEventListener('change', function(){
   ChangeRow(Entry);
  });
 };
 
 const nodesNote = document.querySelectorAll('[id^="notech_"]'); 
 for (let i = 0, length = nodesNote.length; i < length; i++) {
  let strnote = nodesNote[i].getAttribute('id').substring(7);
  let EntryNote = Number(strnote);
  console.log('initialise note ',strnote);
  nodesNote[i].addEventListener('change', function(){
   ChangeNote(EntryNote);
  });
 };
 
 console.log('initialise CheckAll');
 let AllButton = document.getElementById('CheckAllButton');
 AllButton.addEventListener('click', CheckAll);
 AllButton.addEventListener('mouseover', hintHandlerOn);
 AllButton.addEventListener('mouseout', hintHandlerOn);
 let hintOn = document.getElementById('hintCheckAll');
 console.log('hintOn.style.visibility ', hintOn.style.visibility);
 hintOn.style.visibility = 'hidden';
 console.log('hintOn.style.visibility ', hintOn.style.visibility);
 
 console.log('initialise UnCheckAll');
 let NoneButton = document.getElementById('UnCheckAllButton');
 NoneButton.addEventListener('click', UnCheckAll);
 NoneButton.addEventListener('mouseover', hintHandlerOff);
 NoneButton.addEventListener('mouseout', hintHandlerOff);
 let hintOff = document.getElementById('hintUnCheckAll');
 console.log('hintOff.style.visibility ', hintOff.style.visibility);
 hintOff.style.visibility = 'hidden';
 console.log('hintOff.style.visibility ', hintOff.style.visibility);
 if (navigator.cookieEnabled === false){
    console.log("Cookies отключены!");
 } else {
    console.log("Cookies не отключены!");
 };
};

Так вот, для случая HTML все работает замечательно. А в XSLT цикл в функциях CheckAll и UnCheckAll выполняется всего один раз!

Распечатка из консоли браузера:
initialise row 1
initialise row 2
initialise row 3
initialise row 4
initialise row 5
initialise note 1
initialise note 2
initialise note 3
initialise note 4
initialise note 5
initialise CheckAll
hintOn.style.visibility <empty string>
hintOn.style.visibility hidden
initialise UnCheckAll
hintOff.style.visibility <empty string>
hintOff.style.visibility hidden
Cookies не отключены!
hintHandlerOn mouseover hint .style.visibility visible
hintHandlerOff mouseout hint .style.visibility hidden
hintHandlerOn mouseover hint .style.visibility visible
Снять все отметки для печати 5
uncheck row 1
Entry 1 false
row unchecked
note 1 uncecked
hintHandlerOff mouseout hint .style.visibility hidden

Добавлено через 3 часа 3 минуты
Приходится пользоваться виртуальным доменом h.ru для запуска на выполнение XSLT. Иначе firefox отказывается исполнять XML со ссылкой на XSLT на localhost - якобы на локальном диске может содержаться вредоносный код (ха-ха). Применил smallhttpserver. XML стал запускаться, но вылезла проблема с javascript.

Добавлено через 28 минут
В параграфе <p> для breakspace не пробел, там стоит "& # 160 ;". Без пробелов, ессно.

Добавлено через 12 минут
Я пытался полный текст скрипта включать в тело <body>, заключив содержимое <script> в
// <![CDATA[

// ]]>
Не помогло.
Пытался экранировать < через &#lt - не помогло.

Добавлено через 23 минуты
Экранировал в for (let i = 0; i < length; i++)

@Inskipp · 06.10.2024, 06:17 **[ТС]**

В функции ChangeNote была ошибочка в строке получения в note ссылки (неверно указан префикс id). Верно вот так:

JavaScript
1
 let note=document.getElementById('note_'+StrEntry);

Но это не относится к сути вопроса.
Исправление этой ошибки не повлияло на неверную работу цикла.

@Inskipp · 09.10.2024, 02:31 **[ТС]**

Ошибка найдена в 109 строке XSLT

HTML5
1
<xsl:attribute name="for">

А должно быть

HTML5
1
<xsl:attribute name="id">

Внимательнее надо быть при копи пасте в редакторе...
Виноват. Тему можно прикрывать.
Приношу извинения всем, чье время отнял.

Новые блоги и статьи Все статьи Все блоги /
Access VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .	Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .	Фото: Daniel Greenwood kumehtar 13.11.2025

Цикл for некорректно работает в XSLT

Решение