Смена окна регистрации на окно входа с помощью jQuery
Есть вот такой html код
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ClassRoom #11 regestration</title>
<meta name="description" content="....."/>
<link rel="stylesheet" href="css/reg.css" />
<script type="text/javascript" src="js/jquery-3.1.0.js"></script>
<script type="text/javascript" src="js/reg_to_signup.js"></script>
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div class="wrapper">
<div class="header">
<img src="img/logo1.png" alt="Logo" id="Logo" align="center"/>
</div>
<div class="content" align="center">
<div class="register">
<img src="ico/note1.png" alt="Registration" id="Note"/> <p> <b id="RegZ">Регистрация </b>
<form action="reg_log/save_data.php" method="POST">
<input name="username" type="text" id="reg_f" size="35" placeholder=" Ф.И.О." required>
<input name="login" type="text" id="reg_f" maxlength=20 size="35" placeholder=" Логин" required>
<input name="password" type="password" id="reg_f" maxlength=20 size="35" placeholder=" Пароль" required>
<input name="r_password" type="password" id="reg_f" maxlength=20 size="35" placeholder=" Повторите пароль" required>
<input type="submit" name="register" value="Зарегистрироваться" id="reg_s">
<input type="submit" name="signup" value="Войти" id="signup">
</form>
</div>
</div>
<div class="Signup" align="center">
<img src="ico/user.png" alt="Signup" id="User"/> <p> <b id="RegZ">Вход на сайт</b>
<form action="reg_log/login.php" method="POST">
<input name="login" type="text" id="reg_f" maxlength=20 size="35" placeholder=" Логин" required>
<input name="password" type="password" id="reg_f" maxlength=20 size="35" placeholder=" Пароль" required>
<input type="submit" name="signup" value="Войти" id="Signupphp">
<input type="submit" name="register" value="Регистрация" id="Regsig">
</form>
</div>
</div>
</body>
</html>
Надо сделать смену div'а register на div Signup по нажатию на кнопку signup и наоборот. Много искал в интернете, но находил в основном смену текста, а не div'ов...
$(document).ready(function(){
$("#signup").click(function() {
$(".Signup").css('display','block');
$(".register").css('display','none');
});
$("#Regsig").click(function() {
$(".regsig").css('display','block');
$(".Signup").css('display','none');
});
});
Сейчас пока что стоит такой код. Всё работает нормально, но когда ты хочешь вернуться обратно к странице регистрации со страницы входа, то при нажатии на кнопку все блоки просто исчезают ... Прошу помощи написания скрипта! |
AndrewPHPNOW,
:-?
$(function() {
$("#signup").on("click", function(event) {
event.preventDefault();
$(".content").hide();
$(".Signup").show();
})
});
|
Спасибо вам большое :)
|
| Часовой пояс GMT +3, время: 11:38. |