Главная Продвижение в интернете
Продвижение в интернете
Круговой индикатор выполнения с использованием только HTML и CSS
Круговой индикатор выполнения в настоящее время используется на многих веб-сайтах. Существует много типов индикаторов выполнения, и круг — один из них.
Этот тип дизайна...
JavaScript
Язык JavaScript позволяет писать различные сценарии (скрипты) на клиентской стороне.Этот язык является очень простым для изучения, а также, на мой взгляд, его освоение обязательно...
Как сделать переадресацию в WordPress
2022-09-10 В этой статье я расскажу, как реализовать перенаправление и переадресацию в WordPress. Вы научитесь настраивать автоматическое и ручное перенаправление, а...
Как писать статьи в WordPress — визуальный и Html редакторы, заголовки и выделение ключевых слов
Сегодняшнюю публикацию я решил посвятить вопросу написания статей в HTML редакторе WordPress (в продолжении, как создать блог, описанной здесь).Дело в том, что иногда...
C#
Создание языка Java оказало значительное влияние на последующее развитие всей отрасли IT. Влияние это было настолько сильное, что компания Microsoft на волне популярности языка...
Проверка позиций сайта и сбор семантического ядра с помощью XMLRiver, Топвизора, KeyAssort и др
Проверка позиций сайта и сбор семядра с помощью XMLRiver (парсера Яндекса и Google)Уж не знаю, почему, но моя муза, наверное, улетела отдыхать на моря....
Как допродать текущим клиентам и привлечь новых: возможности платформы Calltouch Лидс
Распространенная ситуация: бизнесу нужны клиенты → бизнес запускает рекламу или обращается в агентство, чтобы привлечь лиды → тратит бюджет → конверсия из посетителя в...
Маска ввода для цифр на чистом JavaScript
Доброго времени суток! В данном примере я покажу Вам как можно создать
маску ввода для чисел на чистом 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>
Источник
Как перевести первую букву каждого слова верхний регистр в JavaScript
Доброго времени суток! В этой статье мы рассмотрим, как перевести первую букву каждого слова в верхний регистр в JavaScript.
Прелесть программирования в том, что не...
Измененяем страницу через консоль браузера с JavaScript
Иногда при создании и просмотре WEB приложения может понадобиться быстро изменить или добавить какой либо элемент не изменяя html кода. Такое возможно манипулируя объектной...
Предыдущая
