ocultar modal login node.js
04/07/2020
0
oi. sou iniciante na área de desenvolvimento web.
estou fazendo meu primeiro projeto do zero via código
minha dúvida está na seguinte situação:
tenho a tela de login onde o usuário acessa o site em si. ao abrir outra página do site tenho um botão home para voltar a tela inicial. porém essa já inicia com a modal de login ativa. gostaria de que, uma vez o usuário logado não fechou a guia e abriu o site novamente, a modal login ficasse oculta.
uso o sever.js do node.js para chamar os get e post das páginas. faço isso no get da página home:
const modal = req.query.login (name da modal de login)
if (mensagem == "Logado com Sucesso") {
modal.style.display = "none"
}
return res.render("index.html")
só que não reconhece a constante modal e consequente a propriedade style.
alguém teria uma sugestão?
estou fazendo meu primeiro projeto do zero via código
minha dúvida está na seguinte situação:
tenho a tela de login onde o usuário acessa o site em si. ao abrir outra página do site tenho um botão home para voltar a tela inicial. porém essa já inicia com a modal de login ativa. gostaria de que, uma vez o usuário logado não fechou a guia e abriu o site novamente, a modal login ficasse oculta.
uso o sever.js do node.js para chamar os get e post das páginas. faço isso no get da página home:
const modal = req.query.login (name da modal de login)
if (mensagem == "Logado com Sucesso") {
modal.style.display = "none"
}
return res.render("index.html")
só que não reconhece a constante modal e consequente a propriedade style.
alguém teria uma sugestão?
Cristiane
Curtir tópico
+ 0
Responder
Posts
04/07/2020
Jothaz
É preciso mais informações para ajudá-la.
A principio tenta colocar ' no none:
Para ficar mais claro, vocês esta usando o node com back-end, mas usa o quê no front-end?
Normalmente o node é usado em conjunto com outros frameworks libs.
E modais são criado usando jquery, bootstrap ou JavaScript ES6 (vanilla).
Qual seria a stack que você usa? Quanto mais assetivas informações mais ajuda terá-la
A principio tenta colocar ' no none:
modal.style.display = "'none'"
Para ficar mais claro, vocês esta usando o node com back-end, mas usa o quê no front-end?
Normalmente o node é usado em conjunto com outros frameworks libs.
E modais são criado usando jquery, bootstrap ou JavaScript ES6 (vanilla).
Qual seria a stack que você usa? Quanto mais assetivas informações mais ajuda terá-la
Responder
06/07/2020
Cristiane
É preciso mais informações para ajudá-la.
A principio tenta colocar ' no none:
Para ficar mais claro, vocês esta usando o node com back-end, mas usa o quê no front-end?
Normalmente o node é usado em conjunto com outros frameworks libs.
E modais são criado usando jquery, bootstrap ou JavaScript ES6 (vanilla).
Qual seria a stack que você usa? Quanto mais assetivas informações mais ajuda terá-la
A principio tenta colocar ' no none:
modal.style.display = "'none'"
Para ficar mais claro, vocês esta usando o node com back-end, mas usa o quê no front-end?
Normalmente o node é usado em conjunto com outros frameworks libs.
E modais são criado usando jquery, bootstrap ou JavaScript ES6 (vanilla).
Qual seria a stack que você usa? Quanto mais assetivas informações mais ajuda terá-la
então. estou usando como front end o html com a tag div (id e name = login e class hide tendo display none no css)
iniciei a programação numa semana de workshop onde desenvolvemos um site voltado para reciclagem e foi utilizado o node.js e o git, sendo instalado o express.
percebo que ao chamar a tela pelo metodo get a modal não foi criada ainda, pois no javascript da pagina login.html a modal é localizada.
nessa linha: modal.style.display = "none" não executa pois a modal retorna undefined
gostaria de saber como identifico um elemento antes de chamar a página.
Responder
06/07/2020
Jothaz
Para verifica se existe:
if (modal){
modal.style.display = "''none''"
}
OBS: Coloque o ' no none
Vale lembra que o Javascript é assíncrono, então sendo bem simplista ele executa todo o bloco e não linha a linha (procedural).
As vezes ocorre de executar um parte do código mas outra ainda não terminou.
Sem ver o projeto e o código fica muito difícil ajudar, pois podem ser inúmeros erros, inclusive coisas bem simples.
Pode-se usar duas formas, para "pausar" a execução do código e retorna depois que foi excutado:
console.time(cronometroNome);
setTimeout(() => {
....................executa um código aqui
console.time();
}, 1000);
Outra forma é usar Promisses!
https://medium.com/trainingcenter/entendendo-promises-de-uma-vez-por-todas-32442ec725c2
Responder
Clique aqui para fazer login e interagir na Comunidade :)
