Продвижение в интернете

Продвижение в интернете

0 25

Иногда при создании и просмотре WEB приложения может понадобиться быстро изменить или добавить какой либо элемент не изменяя html кода. Такое возможно манипулируя объектной...

0 28

Доброго времени суток! В данной статье мы рассмотрим с Вами, как можно удалить последний слэш из строки в JavaScript Способ №1 Используем метод String.replace() для удаления...

0 35

Пользователям WordPress очень повезло, т.к. для этого движка имеется масса замечательных плагинов, с помощью которых осуществляется поисковая оптимизация сайта или же, другими словами,...

0 32

Распространенная ситуация: бизнесу нужны клиенты → бизнес запускает рекламу или обращается в агентство, чтобы привлечь лиды → тратит бюджет → конверсия из посетителя в...

0 50

Доброго времени суток! В данном примере я покажу Вам как можно создать маску ввода для чисел на чистом JavaScript. <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>JS Input Mask</title> </head> <body>     <input type="text" data-format="(***) ***-****" data-mask="(###) ###-####">     <input type="text" data-format="**.**.****" data-mask="MM.DD.YYYY">     <input type="text" data-format="+* (***) ***-**-**" data-mask="+* (***) ***-**-**" />     <script>         function doFormat(value, pattern, mask)          {             // удаляем все нечисловые значения из значения             const strippedValue = value.replace(//g, "");             // преобразуем строку-значение в массив символов             const chars = strippedValue.split('');             let count = 0;             let formatted = '';             // форматируем строку             for (let i = 0; i < pattern.length; i++)              {                 const char = pattern;                 if (chars)                  {                     if (/*/.test(char)) {                         formatted += chars;                         count++;                     } else {                         formatted += char;                     }                 }                  else if (mask)                  {                     const splittedMask = mask.split('');                     if (splittedMask)                     {                         formatted += splittedMask;                     }                  }             }             return formatted;         }         // проходимся по каждому элементу назначая на них обработчики         // нажатия клавиш         document.querySelectorAll('').forEach(function (e) {             function format(elem) {                 const val = doFormat(elem.value, elem.getAttribute('data-format'));                 elem.value = doFormat(elem.value, elem.getAttribute('data-format'), elem.getAttribute('data-mask'));                 if (elem.createTextRange) {                     var range = elem.createTextRange();                     range.move('character', val.length);                     range.select();                 } else if (elem.selectionStart) {                     elem.focus();                     elem.setSelectionRange(val.length, val.length);                 }             }             e.addEventListener('keyup', function () {                 format(e);             });             e.addEventListener('keydown', function () {                 format(e);             });             format(e)         });     </script> </body> </html> Источник

0 48

Здравствуйте! Продолжаем создание кругового прогрессбара с помощью HTML и CSS. В прошлой статье мы создали круг на белом фоне и закрасили одну его половину...

0 38

Обновлено 9 апреля 2022 Просмотров: 28 757 Автор: Дмитрий ПетровПоисковые подсказки — что это такоеПоисковые подсказки — это вспомогательные слова или фразы, которые продолжают...

0 38

1 сентября 2022 года в России вступит в силу закон № 347-ФЗ о поправках в Федеральный закон «О рекламе», по которому всю рекламу в...

0 49

В сегодняшней статье мы рассмотрим как выбрать данные из несвязанных таблиц с SQL и оператором JOIN. Для чего это нужно. Прежде всего, скажем,...

0 44

Мы продолжаем создание игры про "Космические приключения" с Python и Pygame. Очень важной частью этой игры является возможность уничтожения вашего космического корабля в результате...