$('.meedget_calc_next').click(function(){
if ($('#stepout').attr('step')=='1') {
var me=0;
$("input[name=ans0]:checked").each(function(){
me=1;
});
if (me!=1) {alert('Выберите хотя бы одно значение!');} else {
$('div[step=1]').hide();
$('div[step=2]').show();
$('#stepout').attr('step','2');
}
} else
if ($('#stepout').attr('step')=='2') {
var me=0;
$("input[name=ans1]:checked").each(function(){
me=1;
});
if (me!=1) {alert('Выберите хотя бы одно значение!');} else {
$('div[step=2]').hide();
$('div[step=3]').show();
$('#stepout').attr('step','3');
}
} else
if ($('#stepout').attr('step')=='3') {
var me=0;
$("input[name=ans2]").each(function(){
if (this.value!='') {me=1;}
});
if (me!=1) {alert('Выберите хотя бы одно значение!');} else {
$('div[step=3]').hide();
$('div[step=4]').show();
$('#stepout').attr('step','4');
}
} else
if ($('#stepout').attr('step')=='4') {
var me=0;
$("input[name=ans3]:checked").each(function(){
me=1;
});
if (me!=1) {alert('Выберите хотя бы одно значение!');} else {
$('div[step=4]').hide();
$('div[step=5]').show();
$('#stepout').attr('step','5');
}
} else
if ($('#stepout').attr('step')=='5') {
var me=0;
$("input[name=ans4]:checked").each(function(){
me=1;
});
if (me!=1) {alert('Выберите хотя бы одно значение!');} else {
$('div[step=5]').hide();
$('div[step=phone]').show();
$('#stepout').attr('step','phone');
}
}
<script type="text/javascript">
$(document).ready(function(){
$("#form").submit(function() { //устанавливаем событие отправки для формы с id=form
var form_data = $(this).serialize(); //собераем все данные из формы
$.ajax({
type: "POST", //Метод отправки
url: "send.php", //путь до php фаила отправителя
data: form_data,
success: function() {
//код в этом блоке выполняется при успешной отправке сообщения
alert("Ваше сообщение отпрвлено!");
});
});
});
</script>
Как-то так.
Попробовал в utf-8 переобразовать. И не сработало(
Зато сработало следующее, если кому-то пригодится:
Ну это я понял, что проблема именно с php файлом) Вот только каким образом можно изменить кодировку отправляемых данных в нем?
Готов заплатить за подсказку)
colorito, тема стандартная Twenty Thirteen. Смотрел functions.php, но ничего там не нашел
Gerga, это ошибка кнопки "вверх", я так понимаю
Gerga, в том-то и дело что консоль ничего не показывает. Для сравнения:
Тут - калькулятор работает во всех браузерах
А тут - калькулятор запускается только в хроме
Все работает. Теперь другой вопрос: эта форма открывается только в хроме, а в остальных браузерах - нет.
Вот скрипт:
Хтмл тот же, что я скидывал.
+ Ссылка что бы открыть форму:
<a class="meedget_calc" href="javascript:void(0);" href="" onclick="my_f('widget_meedget')"><p>Просчитайте <br>Ваш фасад</p></a>Gerga, по типу такого?
Ни то, ни другое. Просто "Спасибо, мы с вами свяжемся".
То, что и прописано в хтмл. В step="fiinish1"
Весь хтмл:
<form action="calc.php" method="post" target="form" onsubmit="$('div[step=finish1]').show()"><div id="meedget_popup1" style="display:none">
<div id="meedget_block">
<a href="javascript:void(0);" class="meedget_close_link1"></a>
<div id="meedget_popup_content">
<div id="meedget_calc_inner">
<div step="1" style="display: block;">
<div class="meedget_step">
Шаг: <span>1</span> из <span>5</span>
<div class="step_arrow"></div>
</div>
<div class="meedget_inner">
<h3 id="meedget_question">Выберите вид покрытия</h3>
<p style="font-size:15px"></p>
<div class="meedget_center meedget_label_radio">
<div>
<div class="meedget_block">
<img src="https://meedget.ru/uploads/u1586/m2121/001_001_JFr_tmb.jpg"><input type="radio" id="ans0-01" name="ans0" value="Венецианская штукатурка" required>
<label for="ans0-01">
<p>Венецианская штукатурка</p>
</label>
</div>
</div>
<div>
<div class="meedget_block">
<img src="https://meedget.ru/uploads/u1586/m2121/001_004_u27_tmb.jpg"><input type="radio" id="ans0-31" name="ans0" value="Траверин">
<label for="ans0-31">
<p>Траверин</p>
</label>
</div>
<div class="meedget_block">
<input type="radio" id="ans0-41" name="ans0" value="Я еще не отределился">
<label for="ans0-41">
<p>Я еще не отределился</p>
</label>
</div>
</div>
</div>
</div>
<div class="meedget_center"><a class="meedget_back meedget_back_link meedget_calc_back" href="javascript:void(0);" style="display:none;">К предыдущему шагу</a> <button class="meedget_calc_next meedget_step_button" type="button">Cледующий шаг</button></div>
</div>
<div step="2" style="display:none;">
<div class="meedget_step">
Шаг: <span>2</span> из <span>5</span>
<div class="step_arrow"></div>
</div>
<div class="meedget_inner">
<h3 id="meedget_question">Выберите тип поверхности</h3>
<p style="font-size:15px"></p>
<div class="meedget_center meedget_label_radio">
<div>
<div class="meedget_block">
<input type="radio" id="ans1-01" name="ans1" value="Стена">
<label for="ans1-01">
<p>Стена</p>
</label>
</div>
</div>
</div>
</div>
<div class="meedget_center"><a class="meedget_back meedget_back_link meedget_calc_back" href="javascript:void(0);" style="display: inline;">К предыдущему шагу</a> <button class="meedget_calc_next meedget_step_button" type="button">Cледующий шаг</button></div>
</div>
<div step="3" style="display:none;">
<div class="meedget_step">
Шаг: <span>3</span> из <span>5</span>
<div class="step_arrow"></div>
</div>
<div class="meedget_inner">
<h3 id="meedget_question">Приблезительная площадь покрития</h3>
<p style="font-size:15px"></p>
<div class="meedget_center meedget_label_radio">
<div>
<div class="meedget_block">
<p>контактная форма м2</p>
<input type="text" value="" placeholder="Введите ответ" style="width:130px" id="ans2-01" name="ans2">
</div>
</div>
</div>
</div>
<div class="meedget_center"><a class="meedget_back meedget_back_link meedget_calc_back" href="javascript:void(0);" style="display: inline;">К предыдущему шагу</a> <button class="meedget_calc_next meedget_step_button" type="button">Cледующий шаг</button></div>
</div>
<div step="4" style="display:none;">
<div class="meedget_step">
Шаг: <span>4</span> из <span>5</span>
<div class="step_arrow"></div>
</div>
<div class="meedget_inner">
<h3 id="meedget_question">Дополнительные услуги</h3>
<p style="font-size:15px"></p>
<div class="meedget_center meedget_label_radio">
<div>
<div class="meedget_block">
<input type="radio" id="ans3-01" name="ans3" value="Покрытие лазурью">
<label for="ans3-01">
<p>Покрытие лазурью</p>
</label>
</div>
<div class="meedget_block">
<input type="radio" id="ans3-11" name="ans3" value="Покрытие воском">
<label for="ans3-11">
<p>Покрытие воском</p>
</label>
</div>
<div class="meedget_block">
<input type="radio" id="ans3-21" name="ans3" value="Покрытие декоративной краской">
<label for="ans3-21">
<p>Покрытие декоративной краской</p>
</label>
</div>
</div>
<div>
<div class="meedget_block">
<input type="radio" id="ans3-31" name="ans3" value="Дополнительные элементы">
<label for="ans3-31">
<p>Дополнительные элементы</p>
</label>
</div>
</div>
</div>
</div>
<div class="meedget_center"><a class="meedget_back meedget_back_link meedget_calc_back" href="javascript:void(0);" style="display: inline;">К предыдущему шагу</a> <button class="meedget_calc_next meedget_step_button" type="button">Cледующий шаг</button></div>
</div>
<div step="calc" style="display:none;">
<div>
<h3>Рассчитываем</h3>
<div class="meedget_spinner">
<div class="meedget_rect1"></div>
<div class="meedget_rect2"></div>
<div class="meedget_rect3"></div>
<div class="meedget_rect4"></div>
<div class="meedget_rect5"></div>
</div>
</div>
</div>
<div step="phone" style="display:none;">
<div class="meedget_step">
Шаг: <span>5</span> из <span>5</span>
<div class="step_arrow"></div>
</div>
<div id="be1">
<h3>Расчёт готов! Введите номер телефона, в ближайшее время мы с Вами свяжемся!</h3>
<p class="meedget_center meedget_tel"><input type="text" id="meedget_phone_input" name="tel" value="" placeholder="Номер телефона" required> <button type="submit" class="meedget_calc_submit">Получить расчет</button> </p>
</div>
</div>
<div step="finish1" style="display:none;">
<div>
<h3>Спасибо, мы скоро с вами свяжемся!</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</form>