|
Метки: очистка ручная отмена |
| Строка 1: |
Строка 1: |
| $(document).ready(function() {
| |
| // Находим все таблицы с классом .standard-link
| |
| $('.standard-link').each(function() {
| |
| // Проходим по всем строкам таблицы
| |
| $(this).find('tr').each(function() {
| |
| // Находим все ячейки в строке
| |
| var imgCell = $(this).find('th');
| |
| var textCell = $(this).find('td');
| |
|
| |
|
| if (imgCell.length && textCell.length) {
| |
| // Оборачиваем контент ячеек в один общий <a> тег
| |
| var link = $('<a></a>').attr('href', textCell.find('a').attr('href')).addClass('standard-link-button');
| |
|
| |
| // Переносим контент ячеек в этот <a> тег
| |
| link.append(imgCell.html());
| |
| link.append(textCell.html());
| |
|
| |
| // Очищаем ячейки и добавляем в одну объединённую ячейку
| |
| imgCell.html(link);
| |
| textCell.remove();
| |
| }
| |
| });
| |
| });
| |
| });
| |
|
| |
| // CSS для стандартной ссылки-кнопки
| |
| mw.util.addCSS(`
| |
| .standard-link-button {
| |
| display: inline-flex;
| |
| align-items: center;
| |
| text-decoration: none;
| |
| color: #333;
| |
| border: 1px solid #888;
| |
| border-radius: 4px;
| |
| padding: 4px;
| |
| margin: 2px;
| |
| background-color: transparent;
| |
| transition: all 0.3s ease;
| |
| }
| |
|
| |
| .standard-link-button:hover {
| |
| background-color: #666;
| |
| color: #fff;
| |
| border-color: #fff;
| |
| }
| |
|
| |
| .standard-link-button img {
| |
| margin-right: 8px;
| |
| width: 48px;
| |
| height: 48px;
| |
| }
| |
| `);
| |
