У input тільки числа на js
Простий скрипт на JS, фільтрація введення інформації в input. Введення лише чисел.
Буває ситуація, коли на сайті є блок, який на десктопній версії розташований в одній черговості, але в мобільній версії його черговість потрібно порушити. Не завжди є можливість переверстати під flex і задати це стилями. Розберемо варіант на js разом із jquery.
Допустимо є список:
<ul>
<li>text</li>
<li id="cut" style="color:red">Это нужно перенести в под обозначенные тег в мобильной версии</li>
<li>text</li>
<li>text</li>
<li>text</li>
<li id="insert" style="color:green">Переместить под этот тег</li>
<li>text</li>
</ul>
Код , який переміщує потрібний блок залежно від розміру екрана у пристрою:
$(window).on('load resize', function(){
if ($(window).width() < 768) {
$('#cut').insertAfter('#insert');
}
});
load resize - при завантаженні або зміні розміру екрана
width() < 768 - розмір екрану, при якому це спрацьовує
insertAfter() - тег id="cut" вставляємо після id="insert"
Дані код спрацює лише на мобільній версії сайту. На версії для робочого столу користувач цього не побачить.
Простий скрипт на JS, фільтрація введення інформації в input. Введення лише чисел.
Розглянемо можливість вирішення проблеми під час запуску Gulp в Ubuntu 18.04 з помилкою Error: watch /path/ ENOSPC. Розберемо, що таке настройки max_user_watches.
Описуючи мінімальні коди, у яких синтаксис схожий на С++, можливо знадобиться його мінімальне підсвічування на сайті для кращого читання. Я приведу найпростіший спосіб підсвічування, який взяв з habrahabr. Розглянемо, підключимо, опишемо...
wlad2.ru
правильный код вот
$(window).on('load resize', function(){
if ($(window).width() < 768) {
$('#cut_col-sm-12').insertAfter('#insert_cut_col-sm-12');
}
});