Отправка формы
Помогите разобраться.
Есть страница с формой отправки значений, при нажатии на кнопку START срабатывает анимация, но мне ещё нужно отправить значения из этой формы одновременно, пока одно значение. Пробовал и POST И GET запросы но значения не отправляются, наверно потому что на кнопку навешено действие для старта анимации, а как сделать чтоб и анимация срабатывала и параметры отправлялись. Планировал записывать значения в базу данных. Мне нужно чтоб страница не обновлялась, то есть средствами javascript Вот собственно пример: Похоже мне ajax нужен, но я в нём не бум бум..
<?php require_once "session.php";?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="https://js.cx/libs/animate.js"></script>
<style>
#brick {
width: 10px;
height: 20px;
background: #EE6B47;
position: relative;
cursor: pointer;
}
#gammes {
text-align: left;
}
}
#path {
outline: 1px solid #E8C48E;
width: 800px;
height: 20px;
}
</style>
</head>
<body>
<table width="800" border="0" bordercolor="#FFFFFF" cellpadding="0" cellspacing="0" align="center" class="shadow">
<tbody>
<td align="center">
<div id="gammes">
<div id="path">
<div id="brick"></div>
<br />
</div>
<script>
window.onload = function(){
document.getElementById('button').onclick = function() {
function randomInteger(min, max) {
var rand = min + Math.random() * (max - min)
rand = Math.round(rand);
return rand;
}
var sum = ( randomInteger(0, 750) );
animate({
duration: 1000,
timing: function(timeFraction) {
return Math.pow(timeFraction, 2);
},
draw: function(progress) {
brick.style.left = progress * sum + 'px';
}
});
};
}
</script>
</div><br /><br />
<div class="footer text-center col-xs-12 ">
<form method="GET" action="" class="form-horizontal" role="form">
<input type="text" name="bits" value="1"><br /><br />
<input id="button" name="go" type="button" class="button-x" value="Start">
</form>
</div>
</td>
</tr>
</tbody></table>
</body></html>
|
serebann,
<input id="button" name="go" type="submit" class="button-x" value="Start"> |
Цитата:
Как быть? Есть переменная $balance в сессии, я хочу значение из формы c name="bits" отнять из переменной $balance чтоб потом записать в базу данных. |
serebann, Чтобы страница не обновлялась:
нун отправлять форму аяксом, перехватывая клик, либо отправлять формы как обычно, но в скрытый фрейм (Что больше геммор, при последующем считывании из фрейма/если оно требуется/) |
А как вы на HTML+JS странице хотите достать переменную сессии?
|
Цитата:
Они доступны в любой момент. |
Доступны из HTML+JS?
Ну тогда просто сделайте нужные арифметические действия в вашей функции onclick перед запуском анимации |
Целый день промучился, и хрен что получилось с этим ...... ajaxom
Просрал весь день, с шикарным настроением ложусь спать... |
serebann,
Если ответ от сервера не Важен, можно отправить в скрытый фрейм, если Важен - лучше Аяксом, ибо всё одно от него не деться, ибо постоянно |
serebann,
А куда вывести ? Ткните стрелками на скриншоте (Или селектор элемента) Просто дописать в функции генерации ?
document.querySelector("Селектор").innerHTML = тут число ?;
|
| Часовой пояс GMT +3, время: 13:19. |