$(document).ready(function() {
$(() => {
class Call {
constructor () {
this.elements = {
numberButtons: $('.numberButton'),
numberField: $('#numberField'),
call: $('#call')
};
this.init();
}
init () {
this.bindEvents();
}
// Обработка клика по кнопке с символом
onClickSymbol (event) {
var el = $(event.currentTarget);
var symbol = el.data('symbol');
var val = this.elements.numberField.val();
var newVal = val + symbol;
this.elements.numberField.val(newVal);
this.setTelNumberInCall(newVal);
}
// Обработка по вводу в поле
onInput (event) {
var value = this.elements.numberField.val();
this.setTelNumberInCall(value);
}
// Установить значение с телефоном в кнопку вызова
setTelNumberInCall (value) {
var telFormat = `tel:${value}`;
this.elements.call.attr('href', telFormat);
}
// Отправить номер на сервер
sendNumber (number) {
$.ajax({
url: 'action.php', // Куда отправить
type: 'default GET (Other values: POST)', // Каким методом
dataType: 'json',
data: {
number
}
})
.done(() => console.log("success"))
.fail(() => console.log("error"));
}
// Навешивание событий
bindEvents () {
// Клик по символам
this.elements.numberButtons.on('click', (event) => {
this.onClickSymbol(event);
});
// Ввод в поле
this.elements.numberField.on('input', (event) => {
this.onInput(event);
});
}
}
var call = new Call();
});
});
var num = 8; // Число картинок
var wrapper = 200; // Размер "холста" для расположения картинок
var radius = 150; // Радиус нашего круга
$(document).ready(function() {
for (i = 0; i < num; i++){
var f = 2 / num * i * Math.PI; // Рассчитываем угол каждой картинки в радианах
var top = wrapper + radius * Math.sin(f) + 'px';
var right = wrapper + radius * Math.cos(f) + 'px';
$('#wrapper img').eq(i).css({'right':right,'top':top}); // Устанавливаем значения каждой картинке
}
});var wrapper = 200; // Размер "холста" для расположения картинок
<div class="col-md-6">
<div id="wrapper">
<img src='img/video-pucture.jpg' alt='' data-text="Видеонаблюдение"/>
<img src='img/skud-pucture.jpg' alt='' data-text="Скуд"/>
<img src='img/ohran-sig-pucture.jpg' alt='' data-text="Охрана"/>
<img src='img/slabotochka-pucture.jpg' alt='' data-text="Слаботочка"/>
<img src='img/fire-sig-pucture.jpg' alt='' data-text="Пожарная сигнализация"/>
<img src='img/pojarotushenie-pucture.jpg' alt='' data-text="Пожаротушение"/>
<img src='img/signal-pucture.jpg' alt='' data-text="Оповещение"/>
<img src='img/teh-pucture.jpg' alt='' data-text="Техработы"/>
</div>
</div>
<div class="col-md-6">
<div class="img-content"></div>
</div>
Как отправить значения из input на почту?