Правила     Закладки     Карма    Календарь    Журналы    Помощь    Поиск    PDA    Чат   
        СМС-ки
   
Пейджер выключен!
 
Фильтр авторов:    показать 
  скрыть
  Ответ в темуСоздание новой темыСоздание опроса

> слайдер и модальное окно на jquery, слайдер и модальное окно обратной связи на jquery
kvant355  
 ۩  [x] Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Новичок
*

Профиль
Группа: Пользователь
Сообщений: 11
Пользователь №: 37830
На форуме: 3 года, 4 месяца, 17 дней
Карма:




Добрый день!
Я новичек в программировании и вот столкнулся с обной проблемой, никак не получается ее решить.
Мне как то нужно заставить одновременно работать слайдер и модальное окно обратной связи на jquery. По отдельности они прекрасно функционируют, но когда все собираю вместе работает только что то одно...как быть???(((
вот html-код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<head>
<title>VIP-Trainer</title>
<meta name="keywords" content>
<meta name="description" content>
<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>

[b]<!-- end Slider -->
[/b] ЛИБО ЭТОТ СЛАЙДЕР!!!
</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>
<div id="content_wrap_prich">
<h1><i>10 причин почему нас выбирают люди:</i></h1>
</div>
<div class="post_l">
<ul>
<li><span>Вы сможете сами выбрать с кем из наших тренеров будите заниматься</span></li>
<li><span>Вы сможете достичь цели, которые сами поставите себе</span></li>
<li><span> Вы больше не будите пропускать тренировки из-за пробок, мы сами приедем к вам домой или в офис или куда скажете</span></li>
<li><span>Ваши тренировки не будут прерываться из-за командировок, мы можем сопровождать Вас в ваших поездках</span></li>
<li><span>Вы сможете заниматься в то время, когда Вам удобно и там где захотите</span></li>
</ul>
</div>

<div class="post_r">
<ul>
<li><span>Вы потренируетесь первый раз бесплатно, и узнаете как это работает</span></li>
<li><span>За время работы, наши клиенты стали нашими друзьями. И мы дорожим их дружбой</span></li>
<li><span>Вы за здоровый образ жизни, мы тоже! </span></li>
<li><span>Вы сможете рассказать о нас своим друзьям и тогда будете заниматься вместе с ними</span></li>
<li><span>Вам не придется скучать на тренировках</span></li>
</ul>
</div>
</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>Успешно! Ваше сообщение отправлено smile.gif</strong></p>");
setTimeout("$.fancybox.close()", 1000);
});
}
}
});
}
});
});
</script>[b][/b]
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
kvant355  
 ۩  [x] Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Новичок
*

Профиль
Группа: Пользователь
Сообщений: 11
Пользователь №: 37830
На форуме: 3 года, 4 месяца, 17 дней
Карма:




Вот код в нормальном виде)


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<meta
http-equiv="Content-Type" content="text/html;charset=UTF-8">
<head>

<title>
VIP-Trainer</title>
<meta
name="keywords" content>
<meta
name="description" content>
<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>
<div
id="content_wrap_prich">
<h1><i>
10 причин почему нас выбирают люди:</i></h1>
</div>
<div
class="post_l">
<ul>
<li><span>
Вы сможете сами выбрать с кем из наших тренеров будите заниматься</span></li>
<li><span>
Вы сможете достичь цели, которые сами поставите себе</span></li>
<li><span>
Вы больше не будите пропускать тренировки из-за пробок, мы сами приедем к вам домой или в офис или куда скажете</span></li>
<li><span>
Ваши тренировки не будут прерываться из-за командировок, мы можем сопровождать Вас в ваших поездках</span></li>
<li><span>
Вы сможете заниматься в то время, когда Вам удобно и там где захотите</span></li>
</ul>
</div>

<div
class="post_r">
<ul>
<li><span>
Вы потренируетесь первый раз бесплатно, и узнаете как это работает</span></li>
<li><span>
За время работы, наши клиенты стали нашими друзьями. И мы дорожим их дружбой</span></li>
<li><span>
Вы за здоровый образ жизни, мы тоже! </span></li>
<li><span>
Вы сможете рассказать о нас своим друзьям и тогда будете заниматься вместе с ними</span></li>
<li><span>
Вам не придется скучать на тренировках</span></li>
</ul>
</div>
</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>

PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
  Быстрый ответ
Информация о Госте
Введите Ваше имя
Кнопки кодов
Для вставки цитаты, выделите нужный текст и
НАЖМИТЕ СЮДА
Введите сообщение
Смайлики
:huh:  :o  ;) 
:P  :D  :lol: 
B)  :rolleyes:  <_< 
:)  :angry:  :( 
:unsure:  :blink:  :ph34r: 
     
Показать всё

Опции сообщения  Включить смайлики?
 Включить подпись?
 
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:

Опции темы Ответ в темуСоздание новой темыСоздание опроса