Foren / National / Russian / Тех. поддержка / Не могу понять как поймать уникальное ID в цикле комментариев.

`COMMENTS_ROW_ID` меняется только внутри шаблона комемнтария при проходе цикла вывода комментов.

Поэтому один из вариантов примерно такой: 

- в шаблоне комментариев сделать контейнер с data-id соотв. ID коммента, 
 

<div class="commentbox" data-id="{COMMENTS_ROW_ID}"> 
...
</div>

В скрипте (после загрузки всей ленты комментов, или при ее обновлении) пробегаем по всем элементам `.commentbox` и назначаем соотв. ID внутренним элментам типа `img`.

#43185 Kopusha:

Нужно для каждой картинки с стилем _add-fancy-lone в комментариях добавить аттрибут data-fancybox

Что за стиль такой ? Возможно имели ввиду class ?

#43187 Kopusha:

  alert(fancyid); перечисляет красиво от 165 до 161 все 4 id комментариев.

а вот в коде html уже data-fancybox="161" у ВСЕХ ссылок внутри дива comment-body

Пробовал как внутри цикла комментариев так и снаружи - data-fancybox="161" у ВСЕХ

 

Возможно не успевает загрузиться параметр, я недавно для своих нужд делал галерею на js, тоже некоторые параметры не видело, оказалось нужно было вешать событие onload.

В comments.tpl код по умолчанию ?

Картинки каким образом загружаются в комментарии или это просто ссылки ?

Картинки являются ссылками, и у них нужно добавить параметр data- со своим классом + id комментария, я правильно понял ?

Немного позже попытаюсь воспроизвести у себя ситуацию, когда код под рукой, удобнее решение видеть.

В общем придумал решение, правда тестировал на comments.tpl  по умолчанию, а ссылку на файлик увидел уже после, если не разберетесь с примером, завтра на прикрепленном файле применю, а пока покажу пример реализации по умолчанию, в нем достаточно изменить:

<div class="comments2">

на 

<div class="comments2" data-com-id="{COMMENTS_ROW_ID}"> 

и скрипт:

<script>
function fancyDataSet(){   
var fancy = document.querySelectorAll('[data-com-id]');
for (var i = 0; i < fancy.length; i++) {
var galleryLone = fancy[i].getAttribute('data-com-id');      
Array.prototype.filter.call(document.querySelectorAll('[data-com-id="'+galleryLone+'"] a'), function(el){if(/.(jpg|jpeg|png|gif)$/i.test(el.href) === true){el.setAttribute('data-fancybox','gallery-lone-'+galleryLone);};});
  }
}
window.addEventListener('load', fancyDataSet); </script>   
</script>

Это по умолчанию в comments.tpl:

<!-- BEGIN: COMMENTS_ROW -->
				<div class="comments1">
					<p>{COMMENTS_ROW_AUTHOR_AVATAR}</p>
					<p><a href="{COMMENTS_ROW_URL}" id="c{COMMENTS_ROW_ID}">{COMMENTS_ROW_ORDER}.</a> {COMMENTS_ROW_AUTHOR}</p>
					<p>{COMMENTS_ROW_DATE}</p>
				</div>
				<div class="comments2" data-com-id="{COMMENTS_ROW_ID}">
					<p>{COMMENTS_ROW_TEXT}</p>
					{COMMENTS_ROW_ADMIN}{COMMENTS_ROW_EDIT}
				</div>
				<hr class="clear marginbottom10" />
<!-- END: COMMENTS_ROW -->

#43193 Kopusha:

Кстати спрошу сразу что бы не забыть - вот к примеру мне этот кусочек js нужен исключительно в комментах. А бывают еще более редкие случаи - к примеру js только на 1 стенделоне плагина. По уму пихать его в код прямо в tpl или все таки выносить в js.js через rc подключаемый? 

Если скрипт нужен точечно, и это выражение, а не библиотека какая-нибудь, то лучше в конкретном файле tpl выводить, тем более в приведенном выше примере скрипт сработает по событию onload.

В случае с cooments.tpl - файл выводится только в комментариях, поэтому удобно в него добавить. Если standalone плагин, то можно добавить конкретно в его tpl файл, например для плагина "кто онлайн" это файл whosonline.tpl.  А если добавлять через rc файл шаблона или в глобальных файлах (header.tpl footer.tpl) , то нужно будeт условный оператор проверочный добавить, чтобы выводить в конкретном месте.