ANTICHAT.XYZ    VIDEO.ANTICHAT.XYZ    НОВЫЕ СООБЩЕНИЯ    ФОРУМ  
Баннер 1   Баннер 2
Antichat снова доступен.
Форум Antichat (Античат) возвращается и снова открыт для пользователей. Здесь обсуждаются безопасность, программирование, технологии и многое другое. Сообщество снова собирается вместе.
Новый адрес: forum.antichat.xyz
Вернуться   Форум АНТИЧАТ > Программирование > PHP, PERL, MySQL, JavaScript
Перезагрузить страницу Авторизация как на Yandex
   
Ответ
 
Опции темы Поиск в этой теме Опции просмотра

Авторизация как на Yandex
  #1  
Старый 24.02.2008, 13:46
SSB1981
Участник форума
Регистрация: 07.01.2008
Сообщений: 109
Провел на форуме:
214923

Репутация: 17
Отправить сообщение для SSB1981 с помощью ICQ
Unhappy Авторизация как на Yandex
Здравствуйте!

Мне нужно сделать такое же окно авторизации как сдесь:
http://tv.yandex.ru/?day=13933&hour=6&period=24&flag=
Хочу также чтобы по нажатию кнопки выскакивало окошко с формой для авторизации.
Я посмотрел исходники там используется CSS свойство display.
Когда пытаюсь сочинить что-нибудь подобное, то сразу же разваливается страница - всё начинает куда-то ползти!
Помогите пожалуйста!
 
Ответить с цитированием

  #2  
Старый 24.02.2008, 14:59
astrologer
Постоянный
Регистрация: 30.08.2007
Сообщений: 773
Провел на форуме:
3069349

Репутация: 808


По умолчанию
Важнее то, что там используется абсолютное позиционирование.
Код:
<html>
<head>
<title>Яньдекс.</title>

<style type="text/css">

#login-form
{
  position: absolute;
  display: none;
  top: 30px;
  width: 95%;
}
td.loginForm
{
  border: 1px solid #666666;
}
#login-form form table
{
  padding: 15px;
}

</style>

<script type="text/javascript">

function showLogin()
{
  document.getElementById('login-form').style.display = 'block';
  return false;
}

</script>

</head>
<body>
<a href="#" onclick="return showLogin(0);">Войти…</a>


<div id="login-form">
	<table border="0" cellspacing="0" cellpadding="0" width="273" height="213" align="center">
	<tr>
		<td>
			<table border="0" cellspacing="0" cellpadding="0" width="270" height="210" align="center">
			<tr valign="top">
				<td class="loginForm">
					<form action="#" method="post" name="login" id="loginform">

						<table width="100%" border="0" cellspacing="5" cellpadding="0">
						<tr>
							<td>
							</td>
							<td width="99%">
								<a href="#">Зарегистрироваться</a>
							</td>
						</tr>
						<tr>
							<td>
								Логин:
							</td>
							<td>
								<input name="login" type="text" style="width: 100%;">
							</td>
						</tr>
						<tr>
							<td>
								Пароль:
							</td>
							<td>
								<input name="passwd" type="password" style="width: 100%;">
							</td>
						</tr>
						<tr>
							<td>
							</td>
							<td>
								<input type="submit" value="Войти" id="loginsubmit">
							</td>
						</tr>
						</table>
					</form>
				</td>
			</tr>
			</table>
		</td>
	</tr>
	</table>
</div>

</body>
</html>
 
Ответить с цитированием

  #3  
Старый 24.02.2008, 17:21
SSB1981
Участник форума
Регистрация: 07.01.2008
Сообщений: 109
Провел на форуме:
214923

Репутация: 17
Отправить сообщение для SSB1981 с помощью ICQ
По умолчанию
Спасибо! Держи +!
 
Ответить с цитированием
Ответ



« Предыдущая тема | Следующая тема »
Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как допрашивали администраторов The Pirate Bay iddqd Болталка 11 20.02.2008 10:30
FAQ. Перед тем как задать вопрос. Fata1ex ICQ 1 04.11.2007 20:35
Как стать Хакером? (или как всё начиналось у вас?) RaZ_69 Болталка 46 22.02.2006 08:33
Как использовать cross-site scripting (css) foreva Чужие Статьи 0 06.02.2005 19:03



Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
 


Быстрый переход




ANTICHAT.XYZ