Skip to content

K
kpp
Commit 9a4617e8 authored by Nikolay Gromov's avatar Nikolay Gromov
Browse files
Options

Исправления JS для случаев отсутствия разметки JS-компонентов

parent 4576b521
Hide whitespace changes
Inline Side-by-side
Showing with 88 additions and 77 deletions
src/blocks/nouislider/nouislider.js
View file @ 9a4617e8
document.addEventListener('DOMContentLoaded', function(){ document.addEventListener('DOMContentLoaded', function(){
var demoNoUiSlider = document.getElementById('demo-nouislider'); if(document.getElementById('demo-nouislider')) {
var demoNoUiSliderStartInput = document.getElementById('demo-nouislider-start');
var demoNoUiSliderEndInput = document.getElementById('demo-nouislider-end'); var demoNoUiSlider = document.getElementById('demo-nouislider');
noUiSlider.create(demoNoUiSlider, { var demoNoUiSliderStartInput = document.getElementById('demo-nouislider-start');
start: [demoNoUiSliderStartInput.value, demoNoUiSliderEndInput.value], var demoNoUiSliderEndInput = document.getElementById('demo-nouislider-end');
connect: true, noUiSlider.create(demoNoUiSlider, {
step: 1, start: [demoNoUiSliderStartInput.value, demoNoUiSliderEndInput.value],
range: { connect: true,
'min': 0, step: 1,
'max': 100 range: {
} 'min': 0,
}); 'max': 100
demoNoUiSlider.noUiSlider.on('update', function( values, handle ) { }
var value = values[handle]; });
if ( handle ) { demoNoUiSlider.noUiSlider.on('update', function( values, handle ) {
demoNoUiSliderEndInput.value = Math.round(value); var value = values[handle];
} else { if ( handle ) {
demoNoUiSliderStartInput.value = Math.round(value); demoNoUiSliderEndInput.value = Math.round(value);
} } else {
}); demoNoUiSliderStartInput.value = Math.round(value);
demoNoUiSliderEndInput.addEventListener('change', function(){ }
demoNoUiSlider.noUiSlider.set([null, this.value]); });
}); demoNoUiSliderEndInput.addEventListener('change', function(){
demoNoUiSliderStartInput.addEventListener('change', function(){ demoNoUiSlider.noUiSlider.set([null, this.value]);
demoNoUiSlider.noUiSlider.set([this.value, null]); });
}); demoNoUiSliderStartInput.addEventListener('change', function(){
demoNoUiSlider.noUiSlider.set([this.value, null]);
});
}
}); });
src/blocks/swipe/swipe.js
View file @ 9a4617e8
document.addEventListener('DOMContentLoaded', function(){ document.addEventListener('DOMContentLoaded', function(){
window.mySwipe = new Swipe(document.getElementById('swipe-demo'), { if(document.getElementById('swipe-demo')) {
startSlide: 0,
speed: 400,
auto: 3000,
draggable: true,
continuous: true,
disableScroll: true,
stopPropagation: true,
callback: function(index, elem, dir) {},
transitionEnd: function(index, elem) {}
});
// включить видимость блока (по умолчанию скрыт) window.mySwipe = new Swipe(document.getElementById('swipe-demo'), {
document.getElementById('swipe-demo').classList.add('swipe--enable'); startSlide: 0,
speed: 400,
auto: 3000,
draggable: true,
continuous: true,
disableScroll: true,
stopPropagation: true,
callback: function(index, elem, dir) {},
transitionEnd: function(index, elem) {}
});
// включить видимость блока (по умолчанию скрыт)
document.getElementById('swipe-demo').classList.add('swipe--enable');
}
}); });
src/blocks/to-top/to-top.js
View file @ 9a4617e8
document.addEventListener('DOMContentLoaded', function(){ document.addEventListener('DOMContentLoaded', function(){
document.querySelector('#to-top').addEventListener('click', function(e) { if(document.getElementById('to-top')) {
e.preventDefault();
var scroll = window.pageYOffset; document.getElementById('to-top').addEventListener('click', function(e) {
var targetTop = 0; e.preventDefault();
var scrollDiff = (scroll - targetTop) * -1; var scroll = window.pageYOffset;
animate({ var targetTop = 0;
duration: 500, var scrollDiff = (scroll - targetTop) * -1;
timing: function(timeFraction) { animate({
return Math.pow(timeFraction, 4); // https://learn.javascript.ru/js-animation duration: 500,
}, timing: function(timeFraction) {
draw: function(progress) { return Math.pow(timeFraction, 4); // https://learn.javascript.ru/js-animation
var scrollNow = scroll + progress * scrollDiff; },
window.scrollTo(0,scrollNow); draw: function(progress) {
} var scrollNow = scroll + progress * scrollDiff;
}); window.scrollTo(0,scrollNow);
}, false); }
});
}, false);
window.addEventListener('scroll', visibilityToggle); window.addEventListener('scroll', visibilityToggle);
visibilityToggle(); visibilityToggle();
function visibilityToggle() { function visibilityToggle() {
if(window.pageYOffset >= 500) { if(window.pageYOffset >= 500) {
document.querySelector('#to-top').classList.add('to-top--visible'); document.getElementById('to-top').classList.add('to-top--visible');
}
else {
document.getElementById('to-top').classList.remove('to-top--visible');
}
} }
else {
document.querySelector('#to-top').classList.remove('to-top--visible'); function animate(_ref) {
var timing = _ref.timing,
draw = _ref.draw,
duration = _ref.duration;
var start = performance.now();
requestAnimationFrame(function animate(time) {
var timeFraction = (time - start) / duration;
if (timeFraction > 1) timeFraction = 1;
var progress = timing(timeFraction);
draw(progress);
if (timeFraction < 1) {
requestAnimationFrame(animate);
}
});
} }
}
function animate(_ref) {
var timing = _ref.timing,
draw = _ref.draw,
duration = _ref.duration;
var start = performance.now();
requestAnimationFrame(function animate(time) {
var timeFraction = (time - start) / duration;
if (timeFraction > 1) timeFraction = 1;
var progress = timing(timeFraction);
draw(progress);
if (timeFraction < 1) {
requestAnimationFrame(animate);
}
});
} }
}); });
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment