-var date = new Date();
var h = document.getElementById('h');
var m = document.getElementById('m');
var s = document.getElementById('s');
function update(){
+ var date = new Date();
h.innerHTML = date.getHours();
m.innerHTML = date.getMinutes();
s.innerHTML = date.getSeconds();
}
var t = setInterval(update, 1000);
headerSubmenuItem.forEach((item) => {
document.addEventListener("click", function (e) {
});
});
но не пойму, как 4 блок перенести в 3 колонку сначала?
Использовал данные стили, но 4 блок был на месте 5, и последующие не заполняли свободные ячейки
.box:nth-child(3n) {
grid-column: span 2
}
.box:nth-child(5n + 4) {
grid-column: span 2;
}
<div class="documents">
<div class="documents__accordion-title"> </div>
<div class="documents__list"> </div>
</div>
<div class="documents">
<div class="documents__accordion-title"> </div>
<div class="documents__list"> </div>
</div>
<div class="documents">
<div class="documents__accordion-title"> </div>
<div class="documents__list"> </div>
</div>
const accordions = document.querySelectorAll('.documents');
accordions.forEach(accordion => {
const title = accordion.querySelector('.documents__accordion-title');
const list = accordion.querySelector('.documents__list');
title.addEventListener('click', () => {
if (list.classList.contains('active')) {
// Закрыть кликнутый
list.classList.remove('active');
} else {
// Закрыть все
accordions.forEach(accordion => {
accordion.querySelector('.documents__list').classList.remove('active');
});
// Открыть кликнутый
list.classList.add('active');
}
});
})
-<input type="radio" id="img1" name="images" checked>
<label for="img1">
+ <input type="radio" id="img1" name="images" checked>
<span>Image1</span>
<i class="fa fa-sort-desc" aria-hidden="true"></i>
<img src="..." alt="Img1">
</label>
label{
cursor: pointer;
width: 100%;
+ display:flex;
+ align-items:center;
+ flex-wrap: wrap;
}
.fa{
- float: right;
+ margin-left: auto;
}
грид не такой кроссбраузерный как float
D:\OSPanel\domains\texst\
phpmailer\
файлы_майлера
send.php
require __DIR__.'/phpmailer/src/Exception.php';
function render(arr) {
return `<a data-num="${arr.id}" data-category="${arr.category}" class="products__card card">
<div class="card__image image">
<img src="${arr.image}" alt="${arr.image}">
</div>
<h3 class="card__title title">${arr.name}</h3>
<p class="card__desc">${arr.description}</p>
<div class="card__bottom">
<p class="card__price">${arr.price} р.</p>
<button class="card__buy">
<img src="images/icons/shopping-cart-add.svg" alt="shopping-cart-add">
</button>
</div>
</a>`;
}
function loadCakes(data, count = null) {
return data
.slice(0, count ?? data.length)
.reduce((carry, item) => carry + render(item), '');
}
function loadItems() {
$.getJSON('database/products.json', function (data) {
$('#cakes-cards').html(loadCakes(data));
$('#index-cards').html(loadCakes(data, 6));
});
}