НО, поскольку может быть неясно, что людям нужно щелкнуть строку, чтобы отредактировать ее, Я добавил столбец с SVG, чтобы люди могли щелкнуть по нему. И когда они нажимают именно на SVG, данные не извлекаются. Так и должно быть, поскольку я получаю данные, нажимая на весь . Обратите внимание: если пользователь нажмет где-нибудь еще на , он все равно будет работать.
Вот код PHP для таблицы:
Код: Выделить всё
Код: Выделить всё
document.addEventListener("DOMContentLoaded", (e) => {
const sealRows = document.querySelectorAll('.data-seals');
const deleteSealBtn = document.querySelector('#delete-seal-btn');
sealRows.forEach(element => {
element.addEventListener('click', (e) => {
let dataSeal = Array.from(e.target.parentElement.childNodes).map((sealValues) => {
return sealValues.innerHTML;
});
togglePopUp('update-seal-popup');
// ID mise en input hidden pour le récupérer en $_POST
document.querySelector('#update-seal-id').value = dataSeal[0];
// Nom en placeholder
document.querySelector('#update-seal-matiere').placeholder = dataSeal[1];
// Remise en placeholder
document.querySelector('#update-seal-type').placeholder = dataSeal[2];
// Attribut formaction pour diriger l'utilisateur vers la suppresion
deleteSealBtn.setAttribute('formaction', `deleteSeal.php?id=${dataSeal[0]}`)
})
});
});
Как вы можете видеть в коде, я пытался установить user-select: none код> на изображении. Я думал, что это могло быть причиной моей проблемы, но это не так.
Я также пытался заменить изображение текстом, и это работает нормально. Но я хочу поставить изображение.
Подробнее здесь: https://stackoverflow.com/questions/788 ... h-trs-data
Мобильная версия