const $out = $('#suggest');
const $in = $('#in-search');
const technics = {
'Автовышка' : {
"name" : "secret"
},
'Эксковатор Погрузчик' : {
"name" : "secret"
},
}
$in.on('input', function(){
const v = $(this).val().toLowerCase();
if(v.length < 3) {
$out.html('');
return;
}
const matches = [];
for(let title in technics) {
if(!!~title.toLowerCase().indexOf(v))
matches.push( title );
}
$out.html(
matches
.map(t=>t + ': ' +technics[t].name)
.join('<br>')
);
});
!!~
перед indexOf(..) приводит к true/false найдено/не найдено. Всё, кроме -1 даёт true. hours
. Поэтому стоит сначала переделать объекты в словари, где ключ час, а значение - объект с car
и bike
for(var i = 0; i <= 23; i++)
document.body.innerHTML += ' ' + ('00' + i).substr(-2);
строковых элементов со временем
var s = "2018-08-02 12:56";
var d = new Date(s); // объект Date в текущем часовом поясе браузера
+d // 1533203760000
[
{ ts: 1533203760000, title: "сварить кофе" },
{ ts: 1533203780000, title: "съесть булочку" },
]
setTimeout()
на время до него. Раньше обновлять не имеет смысла. При добавлении/удалении событий в массив, конечно, надо всё обновлять/пересчитывать. Поэтому и значение таймера var timer = setTimeout(...)
надо сохранить, чтобы иметь возможность отменить. toFixed(2)
и восстановить положение курсора.function fullWidth(el) {
const style = window.getComputedStyle(el);
return 'width,margin-left,margin-right,padding-left,padding-right'
.split(',')
.reduce((p,c) => p + parseFloat(style[c]), 0)
;
}
var gruz, prolet;
if( gruz && prolet) {
price = gruz * 2 + prolet * 3;
// записать полученное значение цены в нужном месте
} else {
// сбросить значение цены, т.к. в таком состоянии нечего считать
}
//document.getElementById(btn).onclick = function(){
document.getElementById("btn").onclick = function(){
var login = document.getElementById('login').value;
var password = document.getElementById('password').value;
// if (login.value == 'admin') && (password.value == '12345') alert ('Добро пожаловать!');
if (login == 'admin' && password == '12345') alert ('Добро пожаловать!');
else alert ('Вход запрещен!');
}
input.value = parseFloat(e.target.value).toFixed(2);
const pos = e.target.selectionStart; // запомнить положение курсора
// magic
e.target.selectionStart = e.target.selectionEnd = pos; // восстановить
const pos = e.target.selectionStart;
let v = parseFloat(e.target.value);
if( isNaN(v)) v = 0;
e.target.value = v.toFixed(2)
e.target.selectionStart = e.target.selectionEnd = pos;
185
, записанное в 16-ричной системе как 0xB9
. e(f)
, ожидающая целочисленный параметр f.push()
, который вставит в конец массива значение. К свойствам и методам объекта можно обращаться и через точку myArray.push()
и в квадратных скобках передав строку с названием свойства или метода: myArray['push']()
shift()
– записанным так же в виде строки в квадратных скобках.e()
с числом 185, увеличенным на 1, т.е. 186. В цикле это число сначала уменьшается на 1, затем оценивается, не стало ли оно равным нулю. Если ещё не стало, то выполняется тело цикла. Т.е. тело цикла выполнится 185 раз: для 185, 184, 183, ... 2 и 1.boundschange
– Событие изменения области просмотра карты (в результате изменения центра или уровня масштабирования).actionend
– Окончание плавного движения карты. jQuery.each( ( "blur focus focusin focusout resize scroll click dblclick " +
"mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave " +
"change select submit keydown keypress keyup contextmenu" ).split( " " ),
function( i, name ) {
// Handle event binding
jQuery.fn[ name ] = function( data, fn ) {
return arguments.length > 0 ?
this.on( name, null, data, fn ) :
this.trigger( name );
};
} );
getElementsByClassName()
или элементов с классом turnabout
ещё нет на странице в момент выполнения скрипта – если скрипт засунут в <head>
, например.document.querySelector('.turnabout')
– вы же не забыли точку перед названием класса? var ts0;
function draw(ts) {
// ...
if(!ts0) ts0 = ts;
const dt = ts - ts0; // сколько прошло миллисекунд
// ...
ctx.translate(500, 180 + Math.sin(dt/352)*3);
ctx.rotate( Math.sin(dt/630) / 40 );
Тут помимо поворота ещё по вертикали слегка покачивается. Так же, плавной синусоидой, но с другим периодом, чтобы не выглядело циклично.requestAnimationFrame()
параметром передаётся текущее время, так что можно не заморачиваться с созданием нового объекта Date, а использовать этот параметр.ctx.drawImage(cloud, -350, -250);
с размерами картинки определяется центр, относительно которого получится вращение. Желательно его подобрать так, чтобы они приходился на визуальный центр масс тучи. hideContent( showContent( elements_id[position] ));
hideContent( showContent );
showContent.bind( null, elements_id[position])
null
в качестве контекст this
и elements_id[position]
в качестве первого параметра. Можно было бы назначить эту функцию переменной: var myFunc = showContent.bind( null, elements_id[position]);
callback
.hideContent( showContent.bind( null, elements_id[position] ));