no entiendo como trabaja (si funciona), mi duda es como lo hace porque no necesito llamar elemento por elemento ?
Código Javascript
:
Ver originalvar Login = function() {
// this.logIn = document.getElementById('logIn');
// this.singUp = document.getElementById('singUp');
// this.mod1 = document.getElementById('mod1');
// this.mod2 = document.getElementById('mod2');
// this.SingUp = document.getElementById('SingUp');
// this.enun = document.getElementById('enun');
// this.show = document.getElementById('show');
// this.itempass = document.getElementById('itempass');
// this.itemrepass = document.getElementById('itemrepass');
// this.submitbotton = document.getElementById('submitbotton');
// this.link = document.getElementById('link');
// this.logForm = document.getElementById('logForm');
// this.logwidth = document.getElementById('logwidth');
//felipe:no tengo idea porque los elementos pueden ser llamados sin el getElementById
show.addEventListener('click', this.show_hide , true);
logIn.addEventListener('click', this.loginUp , false);
singUp.addEventListener('click', this.singUpUp , false);
mod1.addEventListener('click', this.loginUp , false);
mod2.addEventListener('click', this.singUpUp , false);
};
Login.prototype.loginUp= function() {
mod1.className = "";
mod2.className = "inactive";
enun.innerHTML = 'Enter your email and password to <b>sign in</b> ';
link.innerHTML = 'forget your password ?';
itemrepass.style.display = "none";
itempass.style.width = "100%";
show.style.display = "inline-block";
submitbotton.value = 'LOGIN';
logForm.action = '/auth';
logwidth.innerHTML = 'Sing in width';
};
Login.prototype.singUpUp= function() {
mod1.className = "inactive";
mod2.className = "";
enun.innerHTML = 'Enter your personal details to <b>create an acount</b> ';
link.innerHTML = 'By creating an account you agree to our <b>Terms & Privacy</b>';
itemrepass.style.float = itempass.style.float ="left";
itempass.style.width = "50%";
itemrepass.style.width = "50%";
itemrepass.style.borderLeft = " 1px solid rgba(0,0,0,0.2)";
itemrepass.style.display = "block";
show.style.display = "none";
submitbotton.value = 'CREATE ACCOUNT';
logForm.action = '/createuser';
logwidth.innerHTML = 'create an acount width';
if(show.innerHTML==="Hide"){
show.innerHTML = "Show";
password.type="password";
}
};
Login.prototype.show_hide = function() {
if(show.innerHTML==="Show"){
show.innerHTML = "Hide";
password.type="text";
}else{
show.innerHTML = "Show";
password.type="password";
}
};