Добрый день!
Я новичек в программировании и вот столкнулся с обной проблемой, никак не получается ее решить.
Мне как то нужно заставить одновременно работать слайдер и модальное окно обратной связи на jquery. По отдельности они прекрасно функционируют, но когда все собираю вместе работает только что то одно...как быть???(((
вот html-код:
<head>
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen, projection">
<link rel="stylesheet" type="text/css" media="all" href="css/mwstyle.css">
<link rel="stylesheet" type="text/css" media="all" href="fancybox/jquery.fancybox.css">
<link rel="SHORTCUT ICON" href="../images/favicon.ico" type="image/x-icon">
<meta name="viewport" content="user-scalable=no, width=1280">
<script src="../js/jquery-1.js" type="text/javascript"></script>
<script src="../js/jquery00.js" type="text/javascript"></script>
<!--[if lt IE 9]><script src="js/html5.js" type="text/javascript"></script><![endif]-->
<script src="../js/jquery01.js" type="text/javascript"></script>
<script src="../js/jquery02.js" type="text/javascript"></script>
<script type="text/javascript" src="../js/jquery03.js"></script>
<script src="../js/jquery04.js"></script>
<script src="../js/scripts0.js" type="text/javascript"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox.js"></script>
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="header_top">
<div id="logo">
<a href="http://domain.ru/"</a>
</div>
<!-- end Logo -->
<div id="support">
<p><b>Не ищи отговорки,<br>
найди время!</b><br>
<H1>+7(903)222-22-22</H1><br>
<h1><H3>пн-вс 7:00-22:00</H3></h1>
</p>
<div id="sButton">
<a class="modalbox" href="#inline">
<div class="s_button">
▼ Заказать обратный звонок
</div>
</a>
</div>
</div>
<!-- end Support -->
<div class="clear"></div>
<div id="slogan">
<h1>Персональные тренировки для детей и<br>взрослых в Москве и Московской Области </h1>
</div>
<!-- end Slogan -->
</div>
<!-- end Header_top -->
<div class="clear"></div>
<div id="head_content">
<h2><b>Лучшие тренеры Москвы</b> по функциональному и силовому тренингу, по crossfit<br>и pilates, а также по
другим видам фитнеса и спорта <b>приедут к Вам</b>. </h2>
</div>
<div id="inline">
<h2>Отправка сообщения</h2>
<form id="contact" name="contact" action="#" method="post">
<label for="email">Ваш E-mail</label>
<input type="email" id="email" name="email" class="txt">
<br>
<label for="msg">Введите сообщение</label>
<textarea id="msg" name="msg" class="txtarea"></textarea>
<button id="send">Отправить E-mail</button>
</form>
</div>
<div id="header_bottom">
<div id="slider">
<div class="top">
<div class="tab-wrapper">
<div class="tabcontent">
<div id="tab01" style="display: block; " class>
<img src="../images/slide_10.png" alt="">
<span class="textBox" style="display:none;">
<strong>100%<span>гарантия результата</span></strong>
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
</span>
</div>
<div id="tab02" style="display: none; " class="js-tab-hidden">
<img src="../images/slide_20.png" alt="">
<span class="textBox">
</div>
<div id="tab03" style="display: none; " class="js-tab-hidden">
<img src="../images/slide_30.png" alt="">
<span class="textBox" style="display:none;">
<strong><span> Большой спектр услуг</span></strong>
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
</span>
</div>
<div id="tab04" style="display: none;" class="js-tab-hidden">
<img src="../images/slide_40.png" alt="">
<span class="textBox" style="display:none;">
<strong><span>Лечебная физкультура</span></strong>
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
</span>
</div>
<div id="tab05" style="display: none; " class="js-tab-hidden">
<img src="../images/slide_50.png" alt="">
<span class="textBox" style="display:none;">
<strong><span>Индивидуальная программа тренировок</span></strong>
СТекст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
</span>
</div>
<div id="tab06" style="display: none; " class="js-tab-hidden">
<img src="../images/slide_60.png" alt="">
<span class="textBox" style="display:none;">
<strong><span>Аквафитнес</span></strong>
СТекст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
</span>
</div>
</div>
</div>
</div>
<div class="tab_nav">
<ul class="tabset">
<li class="active"><span href="#tab01" class="tab1"><img src="../images/guarante.png" alt="">Достижение целей. гарантия 100%</span></li>
<li class><span href="#tab02" class="tab2"><img src="../images/learner0.png" alt="">Работа с<br>людьми<br>любого возраста</span></li>
<li class><span href="#tab03" class="tab3"><img src="../images/service0.png" alt="">Большой спектр <br> услуг</span></li>
<li class><span href="#tab04" class="tab4"><img src="../images/treatmen.png" alt="">Лечебная<br>физкультура</span></li>
<li class><span href="#tab05" class="tab5"><img src="../images/training.png" alt="">Индивидуальная программа тренировок</span></li>
<li class><span href="#tab06" class="tab6"><img src="../images/training.png" alt="">Тренировки по плаванию и аква-фитнес</span></li>
</ul>
</div>
</div>
</div>
<!-- end Slider -->
</div>
<!-- end Header_bottom -->
</div>
<!-- end Header-->
<div class="content" id="content_wrap_1">
<h1><i>Наши тренеры</i></h1>
<div class="sostav_block" id="sostav_block1"><h2>Стаж работы в фитнес
индустрии не меньше 10 лет</h2></div>
<div class="sostav_block" id="sostav_block2"><h2>Каждый из наших тренеров является универсалом и обладает знаниями и опытом работы практически во всех направлениях фитнеса
</h2></div>
<div class="sostav_block" id="sostav_block3"><h2>Наши тренеры имеют спортивную квалификацию не ниже Мастер Спорта и имеют богатый опыт выступления в
соревнованиях
</h2></div>
<div class="sostav_block" id="sostav_block4"><h2>Наши тренеры являются
участниками и призентарами Российских и международных фитнес конвенций
</h2></div>
<script type="text/javascript">
function validateEmail(email) {
var reg = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
return reg.test(email);
}
$(document).ready(function() {
$(".modalbox").fancybox();
$("#contact").submit(function() { return false; });
$("#send").on("click", function(){
var emailval = $("#email").val();
var msgval = $("#msg").val();
var msglen = msgval.length;
var mailvalid = validateEmail(emailval);
if(mailvalid == false) {
$("#email").addClass("error");
}
else if(mailvalid == true){
$("#email").removeClass("error");
}
if(msglen < 4) {
$("#msg").addClass("error");
}
else if(msglen >= 4){
$("#msg").removeClass("error");
}
if(mailvalid == true && msglen >= 4) {
// если обе проверки пройдены
// сначала мы скрываем кнопку отправки
$("#send").replaceWith("<em>отправка...</em>");
$.ajax({
type: 'POST',
url: 'sendmessage.php',
data: $("#contact").serialize(),
success: function(data) {
if(data == "true") {
$("#contact").fadeOut("fast", function(){
$(this).before("<p><strong>Успешно! Ваше сообщение отправлено :)</strong></p>");
setTimeout("$.fancybox.close()", 1000);
});
}
}
});
}
});
});
</script>
