Talvez seja uma dúvida de precipiante isto é porque só é quero aprender porque mas não estou conseguir.
Estou criando um form1 e form2.
Num botton do form2 abro o form1 (form1 f =New form();
f. setvisible(true) ).
Após usar o form1 como esconde-lo e deixar ativo o form2? Não quero fechá-lo , quero apenas escondê-lo e chamar sem limpar ou atualizar os dados
Só Grato .
Esconder formulário e reabrir no outro form
J
6 Respostas
Java ou javascript???
J
Java, estou usando IDE netbeans…
Quando estiver no form1 e quiser ir para o form2 faça:
form1.setVisible(false);
form2.setVisible(true);
e vice-versa.
Agora, supondo que você só vai usar o form1 uma unica vez para digitar os dados e pronto e depois não precisará mais dele, eu recomento criar um botão que vá enviar as informações cadastradas para variáveis no form2, assim tudo que você precisar acessar já estará no form2.
pega esse exemplo e se vira.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>MyCond</title>
<link rel="icon" href="logo2.png" type="image/x-icon" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" integrity="sha384-gfdkjb5BdAXd+lj+gudLWI+BXq4IuLW5IT+brZEZsLFm++aCMlF1V92rMkPaX4PP" crossorigin="anonymous">
</head>
<style>
/* Button */
.Botoes {
font: 700 18px/59px "Roboto", sans-serif;
width: 180px;
text-align: center;
background: #f6b60b;
display: block;
border: 0;
color: #222222 !important;
text-transform: uppercase;
position: relative;
z-index: 2;
padding: 0;
}
.Botoes:before {
content: "";
position: absolute;
z-index: -1;
background: #222222;
top: 0;
bottom: 0;
left: 0;
display: block;
right: 0;
transform: scaleY(0);
transform-origin: 50%;
transition-property: transform;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.Botoes:hover, .Botoes:focus {
color: #fff !important;
}
.Botoes:hover:before, .Botoes:focus:before {
transform: scaleY(1);
}
button.btn.btnRecuperar.Botoes
{
width: 150px;
border: 2px solid #fff;
background-color: #f6b60b !important;
font: 400 14px/36px "Roboto", sans-serif;
color: #fefefe !important;
}
button.btn.btnRegistrar.Botoes{
width: 150px;
border: 2px solid #fff;
background-color:#f6b60b !important;
font: 400 14px/36px "Roboto", sans-serif;
color: #fefefe !important;
}
button.btn.login_btn.Botoes {
width: 150px;
border: 2px solid #fff;
background-color:#f6b60b !important;
font: 400 14px/36px "Roboto", sans-serif;
color: #fefefe !important;
}
body,
html {
margin: 0;
padding: 0;
height: 100%;
background: #1b2646 !important;
}
a{
font:700 14px/23px "Roboto", sans-serif;
}
.user_card {
height: 400px;
width: 350px;
margin-top: auto;
margin-bottom: auto;
background: #406aad;
position: relative;
display: flex;
justify-content: center;
flex-direction: column;
padding: 10px;
box-shadow: 3px 3px 10px 5px #000;
-moz-box-shadow: 3px 3px 10px 5px #000;
-webkit-box-shadow: 3px 3px 10px 5px #000;
-o-box-shadow: 3px 3px 10px 5px #000;
}
.register_card {
height: 600px;
width: 500px;
margin-top: auto;
margin-bottom: auto;
background: #406aad;
position: relative;
justify-content: center;
flex-direction: column;
padding: 10px;
box-shadow: 3px 3px 10px 5px #000;
-moz-box-shadow: 3px 3px 10px 5px #000;
-webkit-box-shadow: 3px 3px 10px 5px #000;
-o-box-shadow: 3px 3px 10px 5px #000;
}
.brand_logo_container {
position: absolute;
height: 170px;
width: 170px;
top: -75px;
border-radius: 50%;
background:#1b2646;
padding: 10px;
text-align: center;
}
.brand_logo {
height: 150px;
width: 150px;
border-radius: 50%;
border: 2px solid white;
}
.form_container {
margin-top: 100px;
}
.login_btn {
width: 100%;
background: #47C156 !important;
color: white !important;
}
.login_btn:focus {
box-shadow: none !important;
outline: 0px !important;
}
.login_container {
padding: 0 2rem;
}
.input-group-text {
background: #262829 !important;
color: white !important;
border: 0 !important;
border-radius: 0.25rem 0 0 0.25rem !important;
}
.input_user,
.input_pass:focus {
box-shadow: none !important;
outline: 0px !important;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
background-color: #c0392b !important;
}
a{
text-decoration:none !important;
color:#f5f3ef;
}
a:hover{
text-decoration:none !important;
color:#3a3939;
}
.mb-3{
width:267px;
}
.registrar{
padding: 0 1rem;
}
.btnRegistrar {
width: 60%;
background: #47C156 !important;
color: white !important;
}
.btnRegistrar:focus {
box-shadow: none !important;
outline: 0px !important;
}
.btnRecuperar {
width: 60%;
background: #47C156 !important;
color: white !important;
}
.btnRecuperar:focus {
box-shadow: none !important;
outline: 0px !important;
}
.close-btn2{
position: absolute;
cursor: pointer;
font-family: 'Open Sans Condensed', sans-serif;
line-height: 18px;
top: 3px;
right: 3px;
width: 20px;
height: 20px;
text-align: center;
border-radius: 10px;
-webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
-o-transition: all 2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.close-btn2:hover{
opacity: .5;
}
.close-btn{
position: absolute;
cursor: pointer;
font-family: 'Open Sans Condensed', sans-serif;
line-height: 18px;
top: 3px;
right: 3px;
width: 20px;
height: 20px;
text-align: center;
border-radius: 10px;
-webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
-o-transition: all 2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.close-btn:hover{
opacity: .5;
}
img{
display: block;
margin: auto;
width: 100%;
height: auto;
}
#forgotten-container{
display: none;
}
#registrarUsuario{
display: none;
}
</style>
<!--Coded with love by Mutiullah Samim-->
<body>
<div class="container h-100" id="container">
<div class="d-flex justify-content-center h-100">
<div class="user_card">
<div class="d-flex justify-content-center">
<div class="brand_logo_container">
<img src="logo.png" class="brand_logo" alt="Logo">
</div>
</div>
<div class="d-flex justify-content-center form_container">
<form>
<div class="input-group mb-3">
<div class="input-group-append">
<span class="input-group-text"><i class="fas fa-user"></i></span>
</div>
<input type="text" id="user" name="user" class="form-control input_user" value="" placeholder="Usuário">
</div>
<div class="input-group mb-2">
<div class="input-group-append">
<span class="input-group-text"><i class="fas fa-key"></i></span>
</div>
<input type="password" id="pass" name="pass" class="form-control input_pass" autocomplete="off" placeholder="Senha">
</div>
</form>
</div>
<div class="d-flex justify-content-center mt-3 login_container">
<button type="button" name="button" class="btn login_btn Botoes">Entrar</button>
</div>
<div class="mt-4">
<div class="d-flex justify-content-center links">
<a href="#" id="recsenha">Esqueci minha senha</a>
</div>
<div class="d-flex justify-content-center links">
<a href="#" class="ml-2" id="cadastrar">Registre-se</a>
</div>
</div>
</div>
</div>
</div>
<div class="container2 h-100" id="registrarUsuario">
<div class="d-flex justify-content-center h-100">
<div class="register_card">
<span class="close-btn2" id="btnfecharRegistrar">
<img src="https://cdn4.iconfinder.com/data/icons/web-ui-color/128/Close-512.png">
</span>
<div>
<form>
<div class="form-row">
<div class="form-group col-md-6">
<label for="inputEmail4">Informe o código do condominío</label>
<input type="text" class="form-control" id="inputEmail4" placeholder="Informe o código do condominío">
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="inputPassword4">Informe Seu DDD ex:71</label>
<input type="number" class="form-control" id="inputPassword4" placeholder="Informe Seu DDD ex:71">
</div>
<div class="form-group col-md-6">
<label for="inputEmail4">Informe seu Telefone sem DDD</label>
<input type="text" class="form-control" id="inputEmail4" placeholder="Informe o código do condominío">
</div>
</div>
<div class="form-row">
<div class="form-group col-md-12">
<label for="inputPassword4">Nome</label>
<input type="text" class="form-control" id="inputPassword4" placeholder="informe seu nome">
</div>
</div>
<div class="form-row">
<div class="form-group col-md-12">
<label for="emailRegistro">Email</label>
<input type="text" class="form-control" id="emailRegistro" placeholder="informe seu Email">
</div>
</div>
<div class="form-row">
<div class="form-group col-md-12">
<label for="inputPassword4">Informe sua unidade</label>
<input type="text" class="form-control" id="inputPassword4" placeholder="Informe sua unidade">
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="inputPassword4">Crie sua senha</label>
<input type="text" class="form-control" id="inputPassword4" placeholder="Crie sua senha">
</div>
<div class="form-group col-md-6">
<label for="inputEmail4">Confirme sua senha</label>
<input type="text" class="form-control" id="inputEmail4" placeholder="Confirme sua senha">
</div>
</div>
</form>
</div>
<div class="d-flex justify-content-center mt-3 registrar">
<button type="button" name="button" id="btnRegistrar" class="btn btnRegistrar Botoes ">Registrar</button>
</div>
</div>
</div>
</div>
<div class="container3 h-100" id="forgotten-container">
<div class="d-flex justify-content-center h-100">
<div class="user_card">
<div class="d-flex justify-content-center">
<div class="brand_logo_container">
<img src="logo.png" class="brand_logo" alt="Logo">
</div>
<span class="close-btn" id="FecharTrocasenha">
<img src="https://cdn4.iconfinder.com/data/icons/web-ui-color/128/Close-512.png">
</span>
</div>
<div class="form-row" style="margin-top:25px;">
<div class="form-group col-md-12">
<label for="inputPassword4">Informe Seu DDD ex:71</label>
<input type="number" class="form-control" id="inputPassword4" placeholder="Informe Seu DDD ex:71">
</div>
</div>
<div class="form-row">
<div class="form-group col-md-12">
<label for="inputEmail4">Informe seu Telefone sem DDD</label>
<input type="text" class="form-control" id="inputEmail4" placeholder="Informe o código do condominío">
</div>
</div>
<div class="d-flex justify-content-center mt-3 recuperar">
<button type="button" name="button" class="btn btnRecuperar Botoes ">Recuperar Senha</button>
</div>
</div>
</div>
</div>
</body>
<script>
/* Forgotten Password */
$('#recsenha').click(function(){
$("#container").fadeOut(function(){
$("#forgotten-container").fadeIn();
});
});
$('#cadastrar').click(function(){
$("#container").fadeOut(function(){
$("#registrarUsuario").fadeIn();
});
});
$(document).ready(function(){
$(pass).keypress(function(e){
if(e.wich == 13 || e.keyCode == 13){
(logar).click();
}
})
})
$(".close-btn").click(function(){
$("#forgotten-container").fadeOut(800, function(){
$("#container").fadeIn(800);
});
});
$(".close-btn2").click(function(){
$("#registrarUsuario").fadeOut(800, function(){
$("#container").fadeIn(800);
});
});
/* Forgotten Password */
$('#recsenha').click(function(){
$("#container").fadeOut(function(){
$("#forgotten-container").fadeIn();
});
});
</script>
</html>
HTML?
Ele tá usando JAva
ops, não vi
Criado 2 de janeiro de 2020
Ultima resposta 4 de jan. de 2020
Respostas 6
Participantes 4