<script src="/myApp.js"></script>
console.log(hotels)
return (
<button id="fast_bet_1" data-route="hide">Скрыть/Раскрыть</button>
<div className="fast-bet" data-id="fast_bet_1">
<div className="fast-bet__head clearfix">
<div className="fast-bet__balance">
{(user.money || 0).toFixed(2)}
</div>
<button className="fast-bet__btn-bet" onClick={this.handlePlaceBet}>
Поставить предметы
</button>
<button className="fast-bet__btn-transfer" onClick={() => actions.addModal({ type: "INVENTORY", inventoryType: "STEAM" })}>
Перевести
</button>
<button className="fast-bet__btn-withdraw" onClick={() => actions.addModal({ type: "INVENTORY", inventoryType: "STEAM" })}>
Вывести
</button>
<button className="fast-bet__btn-deposit" onClick={() => actions.addModal({ type: "INVENTORY", inventoryType: "SITE" })}>
Пополнить
</button>
<button className="fast-bet__btn-refresh" onClick={this.refreshInventory}>
<i className={`fast-bet__refresh-icon fa fa-refresh ${!isLoaded ? "fast-bet__refresh-icon--active" : ""}`.trim()} />
</button>
<div className="fast-bet__info-message">
Ваш внутренний инвентарь
</div>
</div>
<div className="fast-bet__content">
<Scrollbars
renderView={props => <div {...props} className="fast-bet__inventory clearfix" />}
autoHeight
autoHeightMin={105}
autoHeightMax={210}
>
{inv}
</Scrollbars>
</div>
</div>
);
(function() {
var e = document.querySelectorAll('[data-route="hide"]')
Array.prototype.forEach.call(e, function(e) {
e.getAttribute("data-init") || (e.setAttribute("data-init", "true"), e.addEventListener("click", hide))
})
function hide(e) {
var t = document.querySelector('[data-id="'+e.target.id+'"]')
t.style.display = t.style.display === 'block' && 'hidden' || 'block'
}
})()
(function(){
var mobile = /android|iphone/.test(navigator.userAgent)
var textarea = document.querySelector('textarea')
textarea.onkeydown = function(e) {
mobile && (textarea.value = toLowerCaseFirstStr(textarea.value))
}
})()
function toLowerCaseFirstStr(e) {
return e && (e[0].toLowerCase() + e.slice(1))
}
<form id="form">
<input type="text" name="phone" value="телефон">
<input type="text" name="name" value="Имя">
<button type="submit" class="btn">
Отправить данные
</button>
</form>
(function($) {
// Обработка формы
$('#form').on('click', '.btn', function() {
var $btn = $(this);
var $data = $btn.serialize();
console.log($data); // В консоле браузера смотрим что содержит переменная $data после нажатия на кнопку "Отправить данные"
$.ajax({
"url": '/mail.php',
"method": "POST",
"data": $data,
beforeSend: function() { // Изменим состояние кнопочки button
$btn
.prop('disabled', true)
.text('Данные отправляются....');
},
statusCode: { // При статусе 200, скрипт на сервере (PHP) отработал всё должным образом
200: function() {
$btn
.text('Сообщение успешно отправлено.');
// Нужно узнать в phpinfo включена ли функция mail(), т.е. данное сообщение придет даже если почта не отправилась, поэтому необходимо колупаться в PHP и делать соответствующие проверки
},
403: function(err) { // Если на стороне PHP какие то проблемы, нужно отдать заголовок 403 и тогда сообщение с ошибкой вылетит в алерте
alert(JSON.stringify(err));
// Изменим статус кнопочки
$btn
.prop('disabled', false)
.text('Попробовать вновь?');
},
404: function() { // Лишняя проверка, но в данном случаем временно можно проверить достук к файлу
alert('Файл mail.php вернул заголовок 404, файл не найден!');
}
}
});
});
}(jQuery));
return $_POST;
success: function() {
}
success: function(data) {
alert(JSON.stringify(data));
}
window.onscroll = function() {
var scrolledX = window.pageXOffset,
scrolledY = window.pageYOffset;
if(scrolledX) {
$('.header').css({
"marginLeft":"-" + scrolledX + "px"
});
} else {
$('.header').removeAttr("style");
}
}