$(document).ready(function() {
$("#form").submit(function(e){
const $this = $(this);
const login = new Login();
login.senduth({
login: $this.find('#login').val(),
password: $this.find('#password').val()
});
e.preventDefault();
});
});
class Http {
constructor(settings) {
this.settings = settings;
}
send(data) {
const http = new XMLHttpRequest();
http.open(this.settings.method, this.settings.url, this.settings.async );
http.setRequestHeader('Content-type', 'application/json');
http.send(JSON.stringify(data));
http.onload = () => {
//alert(http.responseText);
};
}
};
class Settings {
constructor(params) {
params = params || {};
this.url = params.url || '/';
this.async = params.async || false;
this.method = params.method || 'POST';
}
};
class Login {
senduth(data) {
const settings = new Settings({
url: 'login.json'
});
const http = new Http(settings);
http.send(data);
}
};Settings.url и method, из атрибутов формы action="" method="" (естественно указав там нужные значение). Но, думаю вы сами сможете доделать это :-)
Я повесил обработчик на основной блок слайдера. Событие mouseup
Хочу сделать так, чтобы я мог кликать на один из ползунков, но так, чтобы отпускать ползунок можно было в любом месте.
<header class='header'> // блок 'header'
<div class='header__logo'> // элемент 'logo' блока 'header'
<img class='logo__image'> // элемент 'image' блока 'header'
</div>
<div class='header__title'> // элемент 'title' блока 'header'
<h1 class='title__h1'> // элемент 'h1' блока 'title' (отсутствует сам блок 'title')
<h1 class='title__h1 title__h1_hover'> // элемент 'h1' с булевым модификатором 'hover' блока 'title' (отсутствует сам блок 'title')
</div>
</header>Смотрел в сторону dropzone.js, но, насколько я понял, там файлы как раз загружаются на сервер.