$(".custom-option").on("click", function() {
...
document.location.href = "my-page.com";
}
<span class="custom-option undefined" data-value="/xbr/" data-url="google.com">Хабаровск</span>
<span class="custom-option undefined selection" data-value="Новосибирск" data-url="yandex.ru">Новосибирск</span>
<span class="custom-option undefined" data-value="Москва" data-url="toster.ru">Москва</span>
$(".custom-option").on("click", function() {
...
var url = $(this).data("url");
document.location.href = url;
}
.goods__item {
width: 49%;
display: inline-block;
}
value=""
у инпута,<input value="<?php echo $my_value; ?>" />
if ($row["coldwater"] > $coldwater)
{
echo"Cледующее показание по холодной воде не может быть меньше предыдущего <br> ";
echo '<a href="http://localhost/Ignatjev/Index.php"><button>Главная страница</button></a> <br>';
echo "<html><head><meta http-equiv='Refresh' content='10; URL=index.php'></head><body></body></html>";
exit();
}
<?php if ($row["coldwater"] > $coldwater): ?>
Cледующее показание по холодной воде не может быть меньше предыдущего <br>
<a href="http://localhost/Ignatjev/Index.php"><button>Главная страница</button></a> <br>
<html><head><meta http-equiv='Refresh' content='10; URL=index.php'></head><body></body></html>
<?php exit(); endif; ?>
<script>
$(function(){
$('#menu-top a').on('click', function(){
let url = $(this).attr('href');
$.ajax({
type: "POST",
url: url
}).done(function(data){
$("#content").html(data);
});
return false;
})
})
</script>
<?php
$email = "кудаприходитпочта@mail.ru";
$title = "какая-то тема";
$headers = "Content-type: text/html; charset=utf-8";
$msg = "<p>Имя отправителя: ".$_POST['name']."</p>
<p>Email отправителя:".$_POST['email']."</p>
<p>Сообщение отправителя: ".$_POST['message']."</p>";
// отправляем почту
mail($email, $title, $msg, $headers);
//navigation
$('.navigation').onePageNav({
begin: function() {
console.log('start');
},
end: function() {
console.log('stop');
},
scrollOffset: 0
});
handleClick: function(e) {
var self = this;
var $link = $(e.currentTarget);
var $parent = $link.parent();
var newLoc = '#' + self.getHash($link);
if(!$parent.hasClass(self.config.currentClass)) {
//Start callback
if(self.config.begin) {
self.config.begin();
}
//Change the highlighted nav item
self.adjustNav(self, $parent);
//Removing the auto-adjust on scroll
self.unbindInterval();
//Scroll to the correct position
$.scrollTo(newLoc, self.config.scrollSpeed, {
axis: 'y',
easing: self.config.easing,
offset: {
top: -self.config.scrollOffset
},
onAfter: function() {
//Do we need to change the hash?
if(self.config.changeHash) {
window.location.hash = newLoc;
}
//Add the auto-adjust on scroll back in
self.bindInterval();
//End callback
if(self.config.end) {
self.config.end();
}
}
});
}
e.preventDefault();
}
// отправка сообщения
mail($sendto, $subject, $msg, $headers);
// отдать js скрипту номер заказа
echo $Nzakaz;
success: function(data) {
$('#zakaz').find('input[type=text],input[type=email],input[type=tel], textarea').val('');
$('#zakaz').find("input[type=checkbox], input[type=radio]").prop("checked", "");
console.log(data); // в переменной data и будет ваш номер, далее передавайте его как хотите, например так:
$('#zakazbModal').html(data);
}
?>
написать "ваше сообщение отправлено", либо внутри php тегов с помощью echo
.<form>
, либо через js ajax'ом. Без разницы каким способом вы отправляете данные - ответ будет одним и тем же, только в первом случае вас перекинет на страницу скрипта, а во втором ответ запишется в переменную javascript(без перехода на страницу), т.е.success: function(как вы тут переменную назовете) { по этому имени она будет доступна внутри этих фигурных скобочек
$("#result").html(в нашем случае data);
},
.parent { width: x; }
.child { width: x/2; }
@media all and (max-width: x/2){
.child { width: 100%; }
}
<form method="post" id="vasya">
...
</form>
<div id='result'></div>
<?php
echo $_POST['imya'];
<script>
$('#vasya').on('submit', function() {
var params = $(this).serialize();
$.ajax({
type: "POST",
url: "/vasya.php",
data: params
})
.done(function (data) {
$('#result').html(data);
});
return false;
});
</script>
$('.owl-carousel1').owlCarousel({
items: 5,
navText: ['<div class="prev1"></div>','<div class="next1"></div>']
});
$('.owl-carousel2').owlCarousel({
items: 5,
navText: ['<div class="prev2"></div>','<div class="next2"></div>']
});
$('.owl-carousel3').owlCarousel({
items: 5,
navText: ['<div class="prev3"></div>','<div class="next3"></div>']
});
<div class="prev1"></div>
<div class="next1"></div>
<div class="prev2"></div>
<div class="next2"></div>
<div class="prev3"></div>
<div class="next3"></div>