Код
<script>
$(document).ready(() => {
// Находим индекс столбца с заголовком "Аватар"
const avatarColumnIndex = $('.uTopTd').filter((_, el) => $(el).text().includes('Аватар')).index();
// Проверяем, существует ли столбец с аватарами
if (avatarColumnIndex !== -1) {
// Обрабатываем каждую строку таблицы
$('.uTable tr').each((_, row) => {
const $cell = $(row).find('.uTd').eq(avatarColumnIndex);
// Проверяем наличие аватара в ячейке
if (!$cell.find('.user_avatar').length) {
$cell.html(`
<span class="user_avatar">
<img alt="" src="https://htmlstart.ucoz.net/img/noAvatarComment.png" width="30" style="vertical-align: middle;">
</span>
`);
}
});
}
});
Разработчик by jaguar37rus, site htmlstart.ucoz.net
</script>
$(document).ready(() => {
// Находим индекс столбца с заголовком "Аватар"
const avatarColumnIndex = $('.uTopTd').filter((_, el) => $(el).text().includes('Аватар')).index();
// Проверяем, существует ли столбец с аватарами
if (avatarColumnIndex !== -1) {
// Обрабатываем каждую строку таблицы
$('.uTable tr').each((_, row) => {
const $cell = $(row).find('.uTd').eq(avatarColumnIndex);
// Проверяем наличие аватара в ячейке
if (!$cell.find('.user_avatar').length) {
$cell.html(`
<span class="user_avatar">
<img alt="" src="https://htmlstart.ucoz.net/img/noAvatarComment.png" width="30" style="vertical-align: middle;">
</span>
`);
}
});
}
});
Разработчик by jaguar37rus, site htmlstart.ucoz.net
</script>
Как это работает?
Поиск столбца с аватарами: Первая строка кода ищет заголовок столбца в таблице, который содержит слово "Аватар" (элемент с классом .uTopTd). Метод .index() определяет номер этого столбца в таблице.
Проверка строк таблицы: Затем скрипт проходит по всем строкам таблицы (.uTable tr) с помощью метода .each().
Условие: Для каждой строки проверяется, есть ли в ячейке нужного столбца (определяется через .eq(apotdnum)) элемент с классом .user_avatar. Если такого элемента нет (.size() == 0), это значит, что аватар отсутствует.
Добавление аватара по умолчанию: В случае отсутствия аватара ячейка заполняется HTML-кодом, который содержит изображение по умолчанию (/img/noava.png) с заданной шириной 30 пикселей и выравниванием по центру строки.
Настройка
Дополнение скрипта от --SAM-- & Snoopak
После $BODY$ в шаблон "Страница со списком пользователей" и(или) в "Общий вид страниц форума":
Код
<?if($PAGE_ID$='userslist' || $PAGE_ID$='forumsmembers')?>
<script>
// Указать номер столбца с "Аватар"
var avatrnum = 1;
// Ваша ссылка на noAvatar
var noavaimg = 'https://zornet.ru/Ajaxoskrip/Forma_skriptov/zZdU4oy.jpg';
$('.uTd:nth-child(' + avatrnum + ')').each(function() {
$(this).find('img').attr('onerror', 'this.src="' + noavaimg + '"');
if (!$(this).children().length) {
$(this).html('<span class="user_avatar"><img alt="" border="0" src="' + noavaimg + '" width="30" align="absmiddle" /></span>');
}
});
</script><?endif?>
<script>
// Указать номер столбца с "Аватар"
var avatrnum = 1;
// Ваша ссылка на noAvatar
var noavaimg = 'https://zornet.ru/Ajaxoskrip/Forma_skriptov/zZdU4oy.jpg';
$('.uTd:nth-child(' + avatrnum + ')').each(function() {
$(this).find('img').attr('onerror', 'this.src="' + noavaimg + '"');
if (!$(this).children().length) {
$(this).html('<span class="user_avatar"><img alt="" border="0" src="' + noavaimg + '" width="30" align="absmiddle" /></span>');
}
});
</script><?endif?>
В моей версии обязательно нужно задать номер колонки, где выводиться Аватар.
Ссылку на изображение "Нет аватара" можно при желании поменять на свою :)
1
