203 читали · 1 год назад
Стилизованный input[type="range"]
Инпут с ползунком Предыстория: Как сделать такой инпут, да еще задать ему стили? Стили, кроме того, должны быть кроссбраузерными. Очень часто его далают из стилизованых <span>, а функционал пишут на js. На самом деле это необязательно. Решение, input[type="range"] стилизация без js HTML: <input type="range" name="range" value="75" min="0" max="100" step="1" /> ...
1419 читали · 4 года назад
Выпадающий список с быстрым поиском. Заполняем таблицу
В прошлой заметке я изложил алгоритм создания выпадающего списка с поиском для одной ячейки. В этой статье расскажу о том, как можно использовать такой список для заполнения данных в таблице. При создании списка для одной ячейки мы сформировали динамический массив значений. Логично, что нам потребуется создать аналогичные массивы и для других ячеек будущей таблицы. Обычно размеры такой таблицы известны заранее, поэтому их сразу можно обозначить цветом. Так как для каждой ячейки конечной таблицы...