<script type="text/javascript">
// По готовности страницы, вешаем на форму обрабочтик onsubmit инлайново:
document.addEventListener('DOMContentLoaded', function() {
document.querySelector('form#FORM_ID').setAttribute('onsubmit', 'event.preventDefault(); form_send(this);');
});
// Фуцнкция для отправки формы на чистом JavaScript:
function form_send(form) {
var url = form.getAttribute('action') + '?time=' + new Date().getTime();
var xhr = new XMLHttpRequest(); xhr.open('POST', url);
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
form.setAttribute('onsubmit', 'event.preventDefault();');
form.innerHTML = xhr.responseText;
}
else {
alert('При отправке формы произошла ошбика, детали смотрите в консоли.');
console.log('При отправке формы произошла ошбика, ниже объект с деталями ошибки:');
console.dir(xhr);
}
}
}
xhr.send(new FormData(form));
}
</script>
2. Если первый вариант, сложен, есть ли у WP resize на ходу? (правда я не сторонник подобного решения)
Необходимо создавать копии изображений не только в стандартных размерах WP, но и в кастомных, а именно - 128х128, 256x256.
Как сделать подобное у уже имеющихся записей и сделать, чтобы подобное преобразовывалось у новых?
Если первый вариант, сложен, есть ли у WP resize на ходу?
export enum SelectSize {
medium = "medium",
large = "large",
}
// создай тип
type PositionProps = {
bottom: string;
left: string;
right: string;
top: string;
};
// или интерфейс
interface PositionProps {
bottom: string;
left: string;
right: string;
top: string;
};
export const selectSizeValues: { [key in SelectSize]: PositionProps } = {
[SelectSize.medium]: {
bottom: "8px",
left: "16px",
right: "56px",
top: "24px",
},
[SelectSize.large]: {
bottom: "8px",
left: "24px",
right: "64px",
top: "32px",
},
};
Пишут, что connect более производительная штука, а useSelector чаще будет рендирить, так ли это?