В этой статье мы рассмотрим пару строк, скрипт который очень полезен для DLE шаблонов.
Всего пару строк, суть этих строк в следующем:
Скрипт проверяет определенный html элемент с css классом в качестве идентификатора и если блок пуст, то выводит сообщение типа "Комментариев нет / Облако тегов пусто" и так далее.
Идея пришла в голову при создании шаблона каталога. Блок с комментариями выглядел пустым и это портило весь вид шаблона(панели)
Я решил вывести соответствующий текст с ошибкой в случае отсутствия информации в блоке div
Допустим мы выводим последние комментарии таким образом
<div class="lastcomments">
{customcomments template="lastcomments" available="global" from="0" limit="5" order="date" sort="desc" cache="no"}
</div>
<div class="lastcomments">
{customcomments template="lastcomments" available="global" from="0" limit="5" order="date" sort="desc" cache="no"}
<div id="info-div"></div>
</div>
<script>
$('#info-div').html('');
!$('#lastcomments').find('a').length && ($('#info-div').html('<div class="infoerror">Нет комментариев</div>'));
</script>
<div id="info-div"> | Выводит нашу ошибку |
#lastcomments | Тот самый идентификатор, который показывает скрипту где нужно проверять блок на наличие того или иного html тега |
.find('a') | Указываем какой тег нам нужно искать. К примеру можно указать li тогда скрипт будет проверять блок на наличие тегов <li></li> |
<div class="infoerror">Нет комментариев</div> | Сам текст который выводится блоком info-div |