ocultar modal login node.js

04/07/2020

4

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?
Responder

Posts

04/07/2020

Jothaz

É preciso mais informações para ajudá-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:

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

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários. Para saber mais sobre o uso de cookies,
consulte nossa política de privacidade. Ao continuar navegando em nosso site, você concorda com a nossa política.

Aceitar