Цикл 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">

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

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Сборка библиотек SDL3 и Box2D из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия SDL 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual. . .	SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .

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

Решение