Помогите с 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); // скрываем подложку }); }); }); |
Подключи готовый скрипт, чета типа fancybox.
|
Вроде сам что-то сделал..и работает..хотя ничего не понимаю в 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); // скрываем подложку }); }); }); |
danik.js , спасибо, посмотрю.
|
Pashtet, без jquery https://github.com/cyberua/modalJS :)
|
Часовой пояс GMT +3, время: 22:31. |