Здравейте имам един POP UP прозорец, в който се намира LOGIN формата. Искам когато в този POP UP прозорец натисна бутон "Регистрация", LOGIN полетата да се сменят с полетата за регистрация.
Пробвах няколко начина с js, но или ми се скрива изцяло POP UP прозореца или не се сменя съдържанието изобщо. Ако някой може да помогне? Използвам този код в момента за формата:
js:
[js] // SignIn Popup
var popupStatus = 0;
$("#Login_PopUp_Link").click(function() {
//Aligning our box in the middle
var windowWidth = document.documentElement.clientWidth;
var windowHeight = document.documentElement.clientHeight;
var popupHeight = $("#popupLogin").height();
var popupWidth = $("#popupLogin").width();
// Centering
$("#popupLogin").css({
"top": windowHeight / 2 - popupHeight / 2,
"left": windowWidth / 2 - popupWidth / 2
});
// Aligning bg
$("#LoginBackgroundPopup").css({"height": windowHeight});
// Pop up the div and Bg
if (popupStatus == 0) {
$("#LoginBackgroundPopup").css({"opacity": "0.7"});
$("#LoginBackgroundPopup").fadeIn("slow");
$("#popupLogin").addClass('zigmaIn').fadeIn("slow");
popupStatus = 1;
}
});
// Close Popup
$("#popupLoginClose").click(function() {
if (popupStatus == 1) {
$("#LoginBackgroundPopup").fadeOut("slow");
$("#popupLogin").removeClass('zigmaIn').fadeOut("slow");
popupStatus = 0;
}
});
$("body").click(function() {
$("#LoginBackgroundPopup").fadeOut("slow");
$("#popupLogin").removeClass('zigmaIn').fadeOut("slow");
popupStatus = 0;
});
$('#popupLogin, #Login_PopUp_Link').click(function(e) {
e.stopPropagation();
});[/js]
Пробвах няколко начина с js, но или ми се скрива изцяло POP UP прозореца или не се сменя съдържанието изобщо. Ако някой може да помогне? Използвам този код в момента за формата:
HTML:
<div id="popupLogin">
<div class="def-block widget">
<h4> Вход </h4><span class="liner"></span>
<div class="widget-content row-fluid">
<form id="popup_login_form">
<input type="text" name="login_username" id="login_username" onfocus="if (this.value=='username') this.value = '';" onblur="if (this.value=='') this.value = 'username';" placeholder="Потребител">
<input type="password" name="login_password" id="login_password" onfocus="if (this.value=='password') this.value = '';" onblur="if (this.value=='') this.value = 'password';" placeholder="Парола">
<a href="#" class="tbutton small"><span>Вход</span></a>
<a href="#" class="tbutton color2 small"><span>Регистрация</span></a>
</form>
</div>
</div>
<div id="popupLoginClose">x</div>
</div>
<div id="LoginBackgroundPopup"></div>js:
[js] // SignIn Popup
var popupStatus = 0;
$("#Login_PopUp_Link").click(function() {
//Aligning our box in the middle
var windowWidth = document.documentElement.clientWidth;
var windowHeight = document.documentElement.clientHeight;
var popupHeight = $("#popupLogin").height();
var popupWidth = $("#popupLogin").width();
// Centering
$("#popupLogin").css({
"top": windowHeight / 2 - popupHeight / 2,
"left": windowWidth / 2 - popupWidth / 2
});
// Aligning bg
$("#LoginBackgroundPopup").css({"height": windowHeight});
// Pop up the div and Bg
if (popupStatus == 0) {
$("#LoginBackgroundPopup").css({"opacity": "0.7"});
$("#LoginBackgroundPopup").fadeIn("slow");
$("#popupLogin").addClass('zigmaIn').fadeIn("slow");
popupStatus = 1;
}
});
// Close Popup
$("#popupLoginClose").click(function() {
if (popupStatus == 1) {
$("#LoginBackgroundPopup").fadeOut("slow");
$("#popupLogin").removeClass('zigmaIn').fadeOut("slow");
popupStatus = 0;
}
});
$("body").click(function() {
$("#LoginBackgroundPopup").fadeOut("slow");
$("#popupLogin").removeClass('zigmaIn').fadeOut("slow");
popupStatus = 0;
});
$('#popupLogin, #Login_PopUp_Link').click(function(e) {
e.stopPropagation();
});[/js]