вместо такого 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;">Напомнить пароль</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;">Напомнить пароль</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>
этого хватит чтобы проверить
зачет, делаем так....
подключаете 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;">Напомнить пароль</a>
</div>
<div id="clear"></div>
</form>
</div>
</div>
</div>
не забудьте стереть оригинальный контейнер с формой и оригинальную ссылку "Вход"
Алла, я сделал у себя на локалпаке вариант со всплывающей формой. Попробуйте сделать такую же у себя.
1. скачиваем fancybox с официального сайта (прямая ссылка на скачивание файлов fancybox (http://fancybox.googlecode.com/files/jquery.fancybox-1.3.4.zip)) распаковывем её кидаем на сервер (в моем случае я положил папку fancybox внутрь /js)
2. Добавляем в head , уже после подключения jquery, файлы fancybox
<script type="text/javascript" src="/js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" href="/js/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
<script type="text/javascript">
$(document).ready(function() {
$("a#inline").fancybox({
'hideOnContentClick': true
});
});
</script>
2. в шаблон вставляю скрытую форму авторизации и ссылку на её отображение
<a id="inline" href="#data">Войти</a>
<div style="display:none">
<div id="data">
<form id="auth" action="%pre_lang%/users/login_do/" method="post" style="margin-left:12px;" >
<label for="login">Логин:</label>
<input type="text" id="login" name="login" class="input" value=""/>
<label for="password">Пароль:</label>
<input type="password" id="password" name="password" class="input" value=""/>
<label>
<input type="submit" value="Вход" style="float:left;"/>
<input type="hidden" name="from_page" value="%from_page%" style="display:none;" />
</label>
<label style="position:relative; left:70px; top:8px;">
<a href="%pre_lang%/users/forget/" class="sub" style="color:#002F81;">Забыли пароль?</a>
</label>
<div class="clear"></div>
</form>
</div>
</div>
При нажатии на кнопку "Вход", в появившейся форме авторизации, идет перекидывание на /users/login_do/. Как вы и хотели
<script type="text/javascript" src="/js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" href="/js/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
<script type="text/javascript">
$(document).ready(function() {
$("a#inline").fancybox({
'hideOnContentClick': true
});
});
</script>
<a id="inline" href="#data">Войти</a>
<div style="display:none">
<div id="data">
<xsl:apply-templates select="/result/user" />
</div>
</div>