Задать вопрос

Oleg Ulyanov

Frontend-developer
Ответы пользователя по тегу JavaScript

  • Как получить значение Y на кривой безье по X?

    @gelosoft Автор вопроса
    Frontend-developer
    Пришлось писать самому
    __getYfromXBezier (x, points) {
        for (let i = 0; i < points.length - 1; i++) {
            if (points[i].x <= x && x <= points[i + 1].x) {
                const deltaX = x - points[i].x;
                let k = ((points[i+1].y - points[i].y) / (points[i+1].x - points[i].x));
                return deltaX * k + points[i].y;
            }
        }
    }
    Ответ написан
    1 комментарий
    1 комментарий

  • Задачник по Javascript?

    @gelosoft
    Frontend-developer
    Вышеупомянутый www.codewars.com
    А также https://www.hackerrank.com/
    С помощью этих сервисов можно не только прокачать скилл, но и получить приглашение на собеседование.
    Ответ написан
    Комментировать
    Комментировать

  • В IE 8 не могу при onsubmit (JS) изменить значение поля перед отправкой. В чем проблема?

    @gelosoft Автор вопроса
    Frontend-developer
    Проблема в следующем....

    На текстовом поле висит обработчик (для ie на propertychange, для остальных на input). В обработчике формы на submit происходит изменение этого текстового поля. Для всех браузеров кроме IE (я так понимаю <=8) срабатывает только обработчик формы и форма отправляется, а в IE (горячо любимый) еще и вызывается обработчик текстового поля перед отправкой. В принципе по моему мнению IE наверно все-таки правильно поступает, как бы мне это не нравилось)))
    Решилось удалением обработчика тестового поля перед изменением поля в обработчике submit'а.

    Последняя версия:
    <html>
<body>
<form name="nameForm">
    <input type="text" name="nameInput" onfocus="this.value = this.value"/>
    <button value="submit" type="submit">Send</button>
</form>

<script>
    (function () {
        var el = document.getElementsByName('nameInput')[0];
        var frm = document.forms['nameForm'];

        if (el.addEventListener) {
            el.addEventListener("input", callbackInput, false);
        } else if (el.attachEvent) {
            el.attachEvent('onpropertychange', callbackInput);
        }

        if (frm.addEventListener) {
            frm.addEventListener("submit", callbackForm, false);
        } else if (frm.attachEvent) {
            frm.attachEvent('onsubmit', callbackForm);
        }

        function callbackInput(e) {
            var valueOriginal = (e.propertyName === 'value') ? e.srcElement.value : this.value;
            var valueWithoutSpaces = valueOriginal.replace(/\D/g, '');
            var length = valueWithoutSpaces.length;
            var valueWithSpaces = valueWithoutSpaces.substr(0, length < 4 ? length : 4)
                    + ((length > 4) ? ' ' + valueWithoutSpaces.substr(4, length < 9 ? length - 4 : 4) : '')
                    + ((length > 8) ? ' ' + valueWithoutSpaces.substr(8, length < 12 ? length - 8 : 4) : '')
                    + ((length > 12) ? ' ' + valueWithoutSpaces.substr(12, length < 16 ? length - 12 : 4) : '');
            if (e.propertyName === 'value' && e.srcElement.value != valueWithSpaces) {
                var input = e.srcElement;
                input.value = valueWithSpaces;
                input.blur();
                input.focus();
            }
            else {
                this.value = valueWithSpaces;
            }
        }

        function callbackForm(e) {
            if (el.detachEvent) {
                el.detachEvent('onpropertychange', callbackInput);
            } else {
                el.removeEventListener('input', callbackInput, true);
            }
            el.value = el.value.replace(/\D/g, '');
        }
    }())
</script>
</body>
</html>
    Ответ написан
    Комментировать
    Комментировать