Форма ввода (еще раз)

[-O-J-A-]

Я снова тут, всем доброго дня\вечера\ночи\утра!

Возник еще один вопрос по форме ввода, ниже код для формы ввода пароля, дело в том что при загрузке массивной страницы position absolute срабатует только в самом конце загрузки (тоесть слой на слой не накладуютса) , некрасиво выходит.

Так вот, как тут можно смастерить преимущество в загрузке, или есть аналог без этого огромного js (явуянезнать), желательно сразу в onfocus?

Заранее спасибо

<style type="text/css"> 

label.overlabel-apply {
position:absolute;
z-index:1;
color:#999;
}

</style> 

<script type="text/javascript"> 

function initOverLabels () {
  if (!document.getElementById) return;	  

  var labels, id, field;

  // Set focus and blur handlers to hide and show 
  // LABELs with 'overlabel' class names.
  labels = document.getElementsByTagName('label');
  for (var i = 0; i < labels.length; i++) {

	if (labels[i].className == 'overlabel') {

	  // Skip labels that do not have a named association
	  // with another field.
	  id = labels[i].htmlFor || labels[i].getAttribute('for');
	  if (!id || !(field = document.getElementById(id))) {
		continue;
	  }

	  // Change the applied class to hover the label 
	  // over the form field.
	  labels[i].className = 'overlabel-apply';

	  // Hide any fields having an initial value.
	  if (field.value !== '') {
		hideLabel(field.getAttribute('id'), true);
	  }

	  // Set handlers to show and hide labels.
	  field.onfocus = function () {
		hideLabel(this.getAttribute('id'), true);
	  };
	  field.onblur = function () {
		if (this.value === '') {
		  hideLabel(this.getAttribute('id'), false);
		}
	  };

	  // Handle clicks to LABEL elements (for Safari).
	  labels[i].onclick = function () {
		var id, field;
		id = this.getAttribute('for');
		if (id && (field = document.getElementById(id))) {
		  field.focus();
		}
	  };

	}
  }
};

function hideLabel (field_id, hide) {
  var field_for;
  var labels = document.getElementsByTagName('label');
  for (var i = 0; i < labels.length; i++) {
	field_for = labels[i].htmlFor || labels[i].getAttribute('for');
	if (field_for == field_id) {
	  labels[i].style.textIndent = (hide) ? '-1000px' : '0px';
	  return true;
	}
  }
}

window.onload = function () {
  setTimeout(initOverLabels, 50);
};

</script> 


<label for="password-field" class="overlabel" style="width:115px;height:20px;color:#9EA7AF;">Пароль</label> 
<input class="loginField" id="password-field" type="password" name="password" value="" style="width:115px;height:20px;border:1px solid #D8DCDF;color:#9EA7AF;"></input>

Edited September 15, 2010 by -O-J-A-

[stars]

Так вот, как тут можно смастерить преимущество в загрузке, или есть аналог без этого огромного js (явуянезнать), желательно сразу в onfocus?

Так не стоит себя ограничивать, начните уже изучать! Иначе ваша тема звучит как "я не чего не понимаю сделайте мне ..." все бы хорошо да только вы цену не назначили...

[-O-J-A-]

stars, большое спасибо за дельный совет)))) только учить некогда