Конечно стыдно про такое спрашивать, ну ситуация вынуждает. Помогите плиз! Вот код:
<html>
</head>
<style>
#enter {
border:solid 1px white;
width:140px;
color:black;
}
</style>
<script>
function insertHTML() {
var text = "";
text += '<p>Login<p>';
text += '<input type=\"text\" id=\"login\" size=\"7\" onchange=\"checkFields()\">';
text += '<p>Pass<p>';
text += '<input type=\"password\" size=\"7\" id=\"pass\" maxlength=\"10\" onchange=\"checkFields()\">'
document.getElementById("createdBox").innerHTML = text;
}
function checkFields() {
var enterLink = document.createElement("a");
enterLink.setAttribute("id", "enter");
enterLink.href="#";
enterLink.innerHTML = "Go!";
document.getElementById("createdBox").appendChild(enterLink);
if(document.getElementById("login").value != "" && document.getElementById("pass").value != "") {
document.getElementById("enter").style.display = "block";
} else if(document.getElementById("login").value == "" || document.getElementById("pass").value == ""){
document.getElementById("enter").style.display = "none";
}
}
window.onload=insertHTML
</script>
</head>
<body>
<div id="createdBox"></div>
</body>
</html>
В функции checkFields(), я проверяю текстовые поля на наличие в них текста, если в два поля введен текст то отображается кнопка(силка) методом display:BLOCK, а если в одном из них нету текста, то кнопка должна исчезнуть методом display:NONE;
Условие такое если (ОБА текстовых поля не пустые) {
тогда переменная enterLink принимает значение display = "block";
} иначе если(ОДИН из них пуст) {
тогда переменная enterLink принимает значение display ="none";
}
Так вот тут второе условие и не работает. ПОЧЕМУ?
Когда текст ввожу в оба поля кнопка отображается, а после удаления из какого-нибудь текстового поля содержимого, то кнопка не исчезает.
Подскажите, меня может глюкнуло и я не вижу ошибки, но сижу уже целый час.
Заранее благодарен!