Javascript-форум (https://javascript.ru/forum/)
-   Оффтопик (https://javascript.ru/forum/offtopic/)
-   -   Помогите со скриптом. (https://javascript.ru/forum/offtopic/53111-pomogite-so-skriptom.html)

Pashtet 21.01.2015 13:29

Помогите с java скриптом.
 
Всем привет!
Помогите, пожалуйста, со скриптом.
Когда я кликаю по ссылке с id="go", у меня открывается модальное окно с формой для входа на сайт. Под самой формой для входа есть еще 2 ссылки(c id="go2" и id="go3"), и нужно чтобы при нажатии на них, закрывалось модальное окно с формой входа на сайт и появлялось другое необходимое модальное окно.
Заранее спасибо.
$(document).ready(function() { // вся магия после загрузки страницы
	$('a#go').click( function(event){ // ловим клик по ссылки с id="go"
		event.preventDefault(); // выключаем стандартную роль элемента
		$('#overlay').fadeIn(100, // сначала плавно показываем темную подложку
		 	function(){ // после выполнения предъидущей анимации
				$('#modal_form') 
					.css('display', 'block') // убираем у модального окна display: none;
					.animate({opacity: 1}, 200); // плавно прибавляем прозрачность одновременно со съезжанием вниз
		});
	});

	/* Закрытие модального окна, тут делаем то же самое но в обратном порядке */
	$('#modal_close, #overlay').click( function(){ // ловим клик по крестику или подложке
		$('#modal_form')
			.animate({opacity: 0}, 200,  // плавно меняем прозрачность на 0 и одновременно двигаем окно вверх
				function(){ // после анимации
					$(this).css('display', 'none'); // делаем ему display: none;
					$('#overlay').fadeOut(400); // скрываем подложку
				});
	});
});

danik.js 21.01.2015 14:27

Подключи готовый скрипт, чета типа fancybox.

Pashtet 21.01.2015 14:29

Вроде сам что-то сделал..и работает..хотя ничего не понимаю в JS.
Но теперь проблема в другом. При нажатии на ссылку с id="go2", открывается новое модальное окно с регистрацией, после заполнения всех полей и нажатии кнопки Зарегистрироваться, модальное окно закрывается, а надо чтобы не закрывалось, потому что там появляется новое сообщение "К вам на почту отправлено письмо.. Нужно подтвердить регистрацию" или сообщение об ошибке(например, неправильно введен email)

$(document).ready(function() { // вся магия после загрузки страницы
	$('a#go').click( function(event){ // ловим клик по ссылки с id="go"
		event.preventDefault(); // выключаем стандартную роль элемента
		$('#overlay').fadeIn(100, // сначала плавно показываем темную подложку
		 	function(){ // после выполнения предъидущей анимации
				$('#modal_form') 
					.css('display', 'block') // убираем у модального окна display: none;
					.animate({opacity: 1}, 200); // плавно прибавляем прозрачность одновременно со съезжанием вниз
		});
	});

$('a#go2').click(function () {
		
		$('#modal_form').hide();
$('#modal_form2') 
	.css('display', 'block') 
	.animate({opacity: 1}, 200);
	});



	/* Закрытие модального окна, тут делаем то же самое но в обратном порядке */
	$('#modal_close, #overlay').click( function(){ // ловим клик по крестику или подложке
		$('#modal_form, #modal_form2')
			.animate({opacity: 0}, 200,  // плавно меняем прозрачность на 0 и одновременно двигаем окно вверх
				function(){ // после анимации
					$(this).css('display', 'none'); // делаем ему display: none;
					$('#overlay').fadeOut(400); // скрываем подложку
				});
	});
});

Pashtet 21.01.2015 14:30

danik.js , спасибо, посмотрю.

cyber 21.01.2015 19:12

Pashtet, без jquery https://github.com/cyberua/modalJS :)


Часовой пояс GMT +3, время: 22:31.