Показать сообщение отдельно
  #4 (permalink)  
Старый 12.11.2009, 13:31
Отправить личное сообщение для Octane Посмотреть профиль Найти все сообщения от Octane  
Регистрация: 10.07.2008
Сообщений: 3,873

Исправленный вариант:

CSS:
.field {
	position: relative;
}
.field label {
	position: absolute;
	top: 2px;
	left: 3px;
}
.field label.hidden {
	left: -9999px;
}


HTML:
<form action="">
	<fieldset>
		<div class="field">
			<label for="pwd" class="hidden">Enter password</label>
			<input id="pwd" type="password" />
		</div>
	</fieldset>
</form>


JаvaSсript:
var input = document.getElementById("pwd");
var label = input.parentNode.getElementsByTagName("label")[0];
var active = false;
function change() {
	label.className = input.value ? "hidden" : "";
}
input.onfocus = function () {
	active = true;
	label.className = "hidden";
};
input.onblur = function () {
	active = false;
	change();
};
(function () {
	if (!active) {
		change();
	}
	setTimeout(arguments.callee, 300);
}());


Пример
Вложения:
Тип файла: zip pwd.zip (778 байт, 16 просмотров)

Последний раз редактировалось Octane, 12.11.2009 в 13:45.
Ответить с цитированием