[AllaVK]

Добрый вечер!
может кто сталкивался с подобной ситуацией и сможет что-нибудь подсказать....
во всех основных браузерах (хром, опера, мозилла, сафари) у меня все работает правильно, ошибок не выдает...

а в IE7-IE9 (более старые не проверяла) возникает ошибка и не срабатывает action у формы ...
сайт: _http://gaselectro.ru_     - в правом верхнем углу ссылка "Вход", пр нажатии на нее появляется всплывающая форма для ввода логина и пароля. При нажатии на кнопку "Вход" на форме - у формы должен сработать: action="%pre_lang%/users/login_do/"   .... но ничего не происходит... форма никак не реагирует на нажатие...
Если для кнопки "Вход" напрямую прописать onclick="location.href='%pre_lang%/users/login_do/';"   то все срабатывает, пользователь входит на сайт...
При этом в режиме разработчика (дебажила в IE8) показывается ошибка:
  Объект не поддерживает это свойство или метод         _gaselectro.ru_, строка 48 символ 52
в этой строке содержится вызов функции для затемнения экрана и появления всплывающего окна... хотя при дебаге эта функция выполняется....
Подскажите, пожалуйста, в чем у меня может быть ошибка и что я делаю не так?

[AllaVK]

всю голову уже сломала, может кто сталкивался с подобной ситуацией?

[admin]

скорее всего проблема в том что ie не нравиться работать со скрытыми формами (возможно у вас какие-то определенные условия).

В любом случае проверти работает у вас та же форма, если её не скрывать.
А затем (если она будет работать) проверти, будет ли она работать если она будет появляться не через popup механизм, а просто добавлением или убиранием style="display:none;"?  Так как возможно проблема именно в pop-up механизме. Он копирует всю форму в контейнер с id="popup" и возможно это сбивает action у формы.

[admin]

покопался еще немного на буржуйских сайтов, многие жалуются что js назначение action для form в ie дело хлопотное. Возможно, pop-up скрипт при перемещении формы назначает action одним из вариантов, которые не поддерживаются ie, тогда надо менять popup эффект или использовать другую библиотеку. Благодаря чему у вас работает pop-up эффект?

[AllaVK]

В любом случае проверти работает у вас та же форма, если её не скрывать.

проверила - работает...

[AllaVK]

Благодаря чему у вас работает pop-up эффект?

немного модифицировала решение по этой ссылке:  http://habrahabr.ru/blogs/jquery/57466/

также пыталась воспользоваться вот этим решением: http://wiki.umisoft.ru/%D0%92%D1%8B%D0%B2%D0%BE%D0%B4_%D1%84%D0%BE%D1%80%D0%BC%D1%8B_%D0%BE%D0%B1%D1%80%D0%B0%D1%82%D0%BD%D0%BE%D0%B9_%D1%81%D0%B2%D1%8F%D0%B7%D0%B8_%D0%B2_%D0%BC%D0%BE%D0%B4%D0%B0%D0%BB%D1%8C%D0%BD%D0%BE%D0%BC_%D0%BE%D0%BA%D0%BD%D0%B5
но оно у меня что-то не пошло...

[admin]

хорошо что отрабатывает сама форма ,а если её скрывать и показывать не pop-up механизмом, а через jQuery('#popup_message_register').hide(); и  jQuery('#popup_message_register').show(); либо еще как, но чтобы скрытие отображение было через свойство display:none

[AllaVK]

я с jQuery пока не сильно дружусь...    это мои начинания в нем... попробую....

[admin]

вместо такого html

Код: [Выделить]

<div id="popup_message_register" class="hidden">
		<div class="message_register" style="border: 4px solid #ddd; padding: 10px; background-color: #fff; margin: 0px; width: 305px;">
			<form class="regstr" action="/users/login_do/" method="post" style="text-align: center;">
				<h3>Вход на сайт</h3>
				<label for="login" style="float: left; margin: 0 0 5px 30px; text-align: left; width: 60px; display: block;"><b>Логин:</b></label>
				<input type="text" id="login" name="login" class="input" value="" style="margin: 0 30px 5px 0; width: 165px; float: right;" />
				<div id="clear"></div>
				<label for="password" style="float: left; margin: 0 0 5px 30px; text-align: left; width: 60px; display: block;"><b>Пароль:</b></label>
				<input type="password" id="password" name="password" class="input" value="" style="margin: 0 30px 5px 0; width: 165px; float: right;" />
				<div id="clear"></div>
				
				<div class="buttons" style="text-align: center; margin: 10px;">
					<input class="button" type="submit" value="Вход" style="font-weight: bold;" />
					<input class="button" type="button" onclick="$('#popup_message_register').togglePopup(); return false;" value="Отмена" style="font-weight: bold;" />
					<input type="hidden" name="from_page" value="/market/" style="display: none;" />
				</div>
				<div class="additional_links" style="margin: 10px; padding: 10px; text-align: left;">
					<a href="/users/forget/" title="Напомнить пароль" class="forget_passw" style="text-decoration: underline !important; float: none !important;">Напомнить&nbsp;пароль</a>
				</div>
				<div id="clear"></div>
			</form>
		</div>
	</div>	

должен получиться такой

Код: [Выделить]

<div id="popup_message_register" style="display:none;">
		<div class="message_register" style="border: 4px solid #ddd; padding: 10px; background-color: #fff; margin: 0px; width: 305px;">
			<form class="regstr" action="/users/login_do/" method="post" style="text-align: center;">
				<h3>Вход на сайт</h3>
				<label for="login" style="float: left; margin: 0 0 5px 30px; text-align: left; width: 60px; display: block;"><b>Логин:</b></label>
				<input type="text" id="login" name="login" class="input" value="" style="margin: 0 30px 5px 0; width: 165px; float: right;" />
				<div id="clear"></div>
				<label for="password" style="float: left; margin: 0 0 5px 30px; text-align: left; width: 60px; display: block;"><b>Пароль:</b></label>
				<input type="password" id="password" name="password" class="input" value="" style="margin: 0 30px 5px 0; width: 165px; float: right;" />
				<div id="clear"></div>
				
				<div class="buttons" style="text-align: center; margin: 10px;">
					<input class="button" type="submit" value="Вход" style="font-weight: bold;" />
					<input class="button" type="button" onclick="$('#popup_message_register').togglePopup(); return false;" value="Отмена" style="font-weight: bold;" />
					<input type="hidden" name="from_page" value="/market/" style="display: none;" />
				</div>
				<div class="additional_links" style="margin: 10px; padding: 10px; text-align: left;">
					<a href="/users/forget/" title="Напомнить пароль" class="forget_passw" style="text-decoration: underline !important; float: none !important;">Напомнить&nbsp;пароль</a>
				</div>
				<div id="clear"></div>
			</form>
		</div>
	</div>
        <a href="#" class="example_link">показать форму</a>	
        <script type="text/javascript">
	$(document).ready(function(){
		jQuery('.example_link').click(function(){
			jQuery('#popup_message_register').show();
			return false;
		});
	});
        </script>

этого хватит чтобы проверить

[AllaVK]

приведенный Вами код работает...
только мне бы все равно надо, чтобы форма ввода логина и пароля появлялась в стиле лайтбокса...

[admin]

ну главное понятно где проблема, в pop-up эффекте, попробуйте с fancybox сделать, что у вас не получилось в первый раз?

[AllaVK]

попробуйте с fancybox сделать, что у вас не получилось в первый раз?

в теге <a> нужно прописать ссылку на форму.... я ее якорем прописала и форме назначила display: none, чтобы она раньше времени не показывалась,... и потом  во всплывающем окне fancybox она у меня так и не отобразилась ((( может я конечно что-то не так сделала... по ссылке дан пример для форм обратной связи....

[admin]

зачет, делаем так....

подключаете fancybox, и создаете такой блок

Код: [Выделить]

<a onclick="jQuery(this).fancybox(); return false;" id="inline" class="enter" title="Вход" href="#popup_message_register">Вход</a>

<div style="display:none">
         <div id="popup_message_register">
		<div class="message_register" style="border: 4px solid #ddd; padding: 10px; background-color: #fff; margin: 0px; width: 305px;">
			<form class="regstr" action="/users/login_do/" method="post" style="text-align: center;">
				<h3>Вход на сайт</h3>
				<label for="login" style="float: left; margin: 0 0 5px 30px; text-align: left; width: 60px; display: block;"><b>Логин:</b></label>
				<input type="text" id="login" name="login" class="input" value="" style="margin: 0 30px 5px 0; width: 165px; float: right;" />
				<div id="clear"></div>
				<label for="password" style="float: left; margin: 0 0 5px 30px; text-align: left; width: 60px; display: block;"><b>Пароль:</b></label>
				<input type="password" id="password" name="password" class="input" value="" style="margin: 0 30px 5px 0; width: 165px; float: right;" />
				<div id="clear"></div>
				
				<div class="buttons" style="text-align: center; margin: 10px;">
					<input class="button" type="submit" value="Вход" style="font-weight: bold;" />
					<input class="button" type="button" onclick="$('#popup_message_register').togglePopup(); return false;" value="Отмена" style="font-weight: bold;" />
					<input type="hidden" name="from_page" value="/market/" style="display: none;" />
				</div>
				<div class="additional_links" style="margin: 10px; padding: 10px; text-align: left;">
					<a href="/users/forget/" title="Напомнить пароль" class="forget_passw" style="text-decoration: underline !important; float: none !important;">Напомнить&nbsp;пароль</a>
				</div>
				<div id="clear"></div>
			</form>
		</div>
	</div>
</div>

не забудьте стереть оригинальный контейнер с формой и оригинальную ссылку "Вход"

[AllaVK]

не сработало (((( форма частями появилась в fancybox (label'ы не появились, но это я потом поищу...), но вот по нажатию кнопки Вход на форме - форма просто закрывается и action снова не срабатывает (((

[Vladimir]

Я так понял, что проблема решена? У меня в ИЕ8 форма переадресует на /users/login_do/