Показать сообщение отдельно
  #1 (permalink)  
Старый 26.06.2015, 14:26
Новичок на форуме
Отправить личное сообщение для Yuriy29 Посмотреть профиль Найти все сообщения от Yuriy29
 
Регистрация: 26.06.2015
Сообщений: 5

bootstrap несколько окон на странице
Есть 2 модальных окна на странице:
<div id="ContactModal" class="modal hide fade" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true" style="width: 400px; ">
		  <div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
			  ×
			</button>
			<h3 id="myModalLabel" style="color:#999999;">
			  Заказ обратного звонка
			</h3>
		  </div>
		  <div class="modal-body" style="height: 220px">
			<form class="contact" name="contact" id="ContactForm" method="post" style="width: 350px;" onsubmit="FormSendOK()">
			  <label class="label" for="name">
				Ваше имя
			  </label>
			  <br>
			  <input type="text" name="name" placeholder="Введите Ваше имя" class="input-xlarge" style="width: 350px;"required="required">
			  <br>
			  <label class="label" for="TelefoneNumber">
				Ваш номер телефона
			  </label>
			  <br>
			  <input type="text" name="tel" placeholder="Введите Ваш номер телефона" class="input-xlarge" style="width: 350px;" required="required">
			  <br>
			  <label class="label" for="Question">
				Тема запроса
			  </label>
			  <br>
			  <select name="Question" class="select-xlarge" style="width: 350px;">
						<option value="" disabled selected>Я хочу:</option>
						<option value="sendOrder">Сделать заказ</option>
						<option value="price">Цена</option>
						<option value="quality">Качество</option>
			  <br>
			  </div>
			  <div class="modal-footer">
				<input class="btn btn-success" id="submit" type="submit" value="Отправить">
			  </div>
		</div>

		<div id="OrderModal" class="modal hide fade" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true" style="width: 400px; ">
		  <div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
			  ×
			</button>
			<h3 id="myModalLabel" style="color:#999999;">
			  Оформление заказа
			</h3>
		  </div>
		  <div class="modal-body" style="height: 220px">
			<form class="contact" name="contact" id="OrderForm" method="post" style="width: 350px;" onsubmit="FormSendOK()">
			  <label class="label" for="name">
				Ваше имя
			  </label>
			  <br>
			  <input type="text" name="name" placeholder="Введите Ваше имя" class="input-xlarge" style="width: 350px;"required="required">
			  <br>
			  <label class="label" for="TelefoneNumber">
				Ваш номер телефона
			  </label>
			  <br>
			  <input type="text" name="tel" placeholder="Введите Ваш номер телефона" class="input-xlarge" style="width: 350px;" required="required">
			  <br>
			  <label class="label" for="Question">
				Я хочу сделать заказ!
			  </label>
			  <br>
			  <select name="Question" class="select-xlarge" style="width: 350px;">
						<option value="" disabled selected>Перезвоните мне</option>
						<option value="morning">Утром</option>
						<option value="afternoon">В обед</option>
						<option value="evening">Вечером</option>
						<option value="speedy">Как можно быстрее/option>
			  <br>
			  <div class="modal-footer">
				<input class="btn btn-success" id="submit" type="submit" value="Отправить">
			  </div>
		</div>

Отправка:
var SendContactForm = {
        type: 'POST',
        resetForm: 'true',
        url: 'mail.php',
        success:    function(){
        }
      }

    function FormSendOK() {
        $("#ContactForm").ajaxSubmit(SendContactForm);
        $("#ContactModal").modal('hide');
        alert("Спасибо! Ваше сообщение отправлено.");
      }

Проблема: отправляется только второе вызванное окно,независимо от порядка.
Ответить с цитированием