Есть форма авторизации. И скрипт, который скрывает форму, если курсор выйден за пределы #authorizing_block. Старнность в том, что курсор "заходит" в блок, всего на несколько пикселей от края(по периметру), дальше форма скрывается(как будто, вложеные элементы выходят за границы authorizing_block ). Firebug показывает, что вложеная форма, за границы родителя не выходит.
| Код |
<div class="popup" id="authorizing_block">
<form action="{SERVER_PATH}login/auth" method="POST">
<table>
<tr>
<td>Логин</td>
<td colspan="2"><div class="popup_border"><div><div>
<input type="text" name="login" size="25" /></div></div></div></td>
</tr>
<tr>
<td>Пароль</td>
<td colspan="2"><div class="popup_border"><div><div>
<input type="password" name="passwd" size="25" /></div></div></div></td>
</tr>
<tr>
<td></td>
<td class="td_popup_link">
<a class="popup_link" href="{SERVER_PATH}registration">Регистрация</a><br />
<a class="popup_link" href="{SERVER_PATH}login/forgot">Забыли пароль?</a>
</td>
<td class="popup_enter">
<input type="hidden" name="refer" value="{PARENT_PAGE}" />
<input type="hidden" name="get1" value="{GET1_VALUE}" />
<input type="hidden" name="get2" value="{GET2_VALUE}" />
<input type="submit" name="enter" value="Войти" /></td>
</tr>
</table>
</form>
</div>
|
| Код |
$(document).ready(function(){
$('#authorizing_block').mouseout(function() {
hideAuthorizingBlock();
});
});
function hideAuthorizingBlock(){
var block = document.getElementById('authorizing_block');
if(block)
block.style.display = 'none';
}
|
|
