Apresentar nome de usuário logado em tela.

[inezboldrin 0]

Olá! Na página restrita do meu site, precisa apresentar o nome do usuário logado, o mesmo ocorre no formulário que é exibido. Mas notei que não está aparecendo, nem no "Olá" e nem no formulário. Analisei o código e não consegui encontrar nada diferente do que eu havia deixado antes.

Gostaria de uma ajudinha pra identificar o possível erro do porque não apresentar. :)

 

É assim que está pra buscar e apresentar o nome do usuário em tela:

Olá, <p id="usuario"></p>
<script>document.getElementById("usuario").innerHTML = localStorage.getItem("usuario");</script>

E assim que está no código de verificar login: 

$validacao = login($dados_usuario['usuario'], $dados_usuario['password']);
if(isset($dados_usuario)){
    if ($validacao) {
        $_SESSION['logado'] = true;
        $_SESSION['nome_usuario'] = $validacao->user_name;
        $_SESSION['usuario'] = $validacao->user;
        $_SESSION['user_id'] = $validacao->user_id;
        $_SESSION['nom_clin']= $validacao->nom_clin;
        ?><script>localStorage.setItem("usuario", "<?php echo $validacao->usuario?>");</script><?php

E as id's conferem com as do banco de dados.

[Maykel-ctba 233]

Acredito em uma maneira mais simples de fazer isso.

Olá, <p><?php echo $_SESSION['nome_usuario']; ?></p>

 

Desta maneira, não precisaria do JavaScript.

[Gabriel Heming 766]

Va ná página do formulário.

 

Primeiro, verifique se não está sendo gerado algum erro de JavaScript. Você pode visualizar abrindo o console do JavaScript (normalmente o atalho é CTRL + SHIFT + J) ou o console do Firebug (recomendo fortemente a sua utilização).

 

Caso não encontre nenhum erro, exiba o código fonte (CTRL + U). Verifique o que está aparecendo nessa linhas em questão:

localStorage.setItem("usuario", "<?php echo $validacao->usuario?>");

Outro detalhe, é que o JavaScript é sincrono. Ou seja, você só pode recuperar um item do localStorage (getItem), somente após ter inserido algum valor nele (setItem).

[inezboldrin 0]

1 hora atrás, Gabriel Heming disse:

Va ná página do formulário.

 

Primeiro, verifique se não está sendo gerado algum erro de JavaScript. Você pode visualizar abrindo o console do JavaScript (normalmente o atalho é CTRL + SHIFT + J) ou o console do Firebug (recomendo fortemente a sua utilização).

 

Caso não encontre nenhum erro, exiba o código fonte (CTRL + U). Verifique o que está aparecendo nessa linhas em questão:

localStorage.setItem("usuario", "<?php echo $validacao->usuario?>");

Outro detalhe, é que o JavaScript é sincrono. Ou seja, você só pode recuperar um item do localStorage (getItem), somente após ter inserido algum valor nele (setItem).

 

Aparece esse erro: Uncaught TypeError: Cannot set property 'innerHTML' of null
    at restrito.php:59

[inezboldrin 0]

3 horas atrás, Maykel-ctba disse:

Acredito em uma maneira mais simples de fazer isso.

Olá, <p><?php echo $_SESSION['nome_usuario']; ?></p>

 

Desta maneira, não precisaria do JavaScript.

 

Dessa maneira não funciona, já testei.

[Gabriel Heming 766]

Provavelmente ele não localizou o elemento do código abaixo:

document.getElementById("usuario")

 Adicione a uma variável e exiba no log do console:

var $usuario = document.getElementById("usuario");

console.log($usuario);

 

[Maykel-ctba 233]

Você colocou session_start() no início do seu código? Sem ele, nenhuma sessão na página funcionará.

[inezboldrin 0]

14 minutos atrás, Maykel-ctba disse:

Você colocou session_start() no início do seu código? Sem ele, nenhuma sessão na página funcionará.

 

Fiz isso sim.

16 minutos atrás, Gabriel Heming disse:

Provavelmente ele não localizou o elemento do código abaixo:

document.getElementById("usuario")

 Adicione a uma variável e exiba no log do console:

var $usuario = document.getElementById("usuario");

console.log($usuario);

 

 

Fiz dessa forma que você disse, e no console aparece o seguinte: "SyntaxError: missing variable name"

[Gabriel Heming 766]

O código que eu te passei não apresenta erros. Deve ser algum outro lugar no seu código.

[inezboldrin 0]

17 horas atrás, Gabriel Heming disse:

O código que eu te passei não apresenta erros. Deve ser algum outro lugar no seu código.

 

Eu tirei todo o java que estava, e coloquei esse código que você me mandou. E ele não apresenta o nome da pessoa que logou em tela.

[Gabriel Heming 766]

O código que eu enviei não era para resolver o problema e sim para tentar entender o que está ocorrendo no seu código. 

 

O primeiro erro informado:

Uncaught TypeError: Cannot set property 'innerHTML' of null
    at restrito.php:59

indicava que a função abaixo não estaria localizando o elemento P com o ID "usuario":

document.getElementById("usuario")

 Quando eu informei para adicionar o console.log, era para entender o por que de não localizar o elemento. E você informou o novo erro:

SyntaxError: missing variable name

Normalmente, é quando se define um tipo e não é adicionado o nome da variável ou é utilizada uma palavra reservada como o nome da variável: var; char; double; etc.

http://stackoverflow.com/questions/18246015/syntaxerror-missing-variable-name

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Lexical_grammar#Keywords

[Osmar L Lima 51]

Só uma sugestão tola que me passou pela cabeça, muda o ID do P para uma outra coisa e altere no JS, depois testa.

[inezboldrin 0]

Em 16/02/2017 at 10:37, Gabriel Heming disse:

O código que eu enviei não era para resolver o problema e sim para tentar entender o que está ocorrendo no seu código. 

 

O primeiro erro informado:

Uncaught TypeError: Cannot set property 'innerHTML' of null
    at restrito.php:59

indicava que a função abaixo não estaria localizando o elemento P com o ID "usuario":

document.getElementById("usuario")

 Quando eu informei para adicionar o console.log, era para entender o por que de não localizar o elemento. E você informou o novo erro:

SyntaxError: missing variable name

Normalmente, é quando se define um tipo e não é adicionado o nome da variável ou é utilizada uma palavra reservada como o nome da variável: var; char; double; etc.

http://stackoverflow.com/questions/18246015/syntaxerror-missing-variable-name

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Lexical_grammar#Keywords

 

Então, eu segui o que você disse, não pra ser uma solução e resolver meu problema, e sim para testar o que iria aparecer no console. E troquei por todas as id's que eu tenho cadastradas no banco de dados para ver se resultaria em algo. O resultado foi o mesmo.

 

Atualizei e olhei o console e aparece que está nulo.

[EdCesar 124]

 

Olá Inez, vou fazer algumas perguntas para filtrar um pouco o problema...

Se você colocou session_start(); no inicio da pagina, e:

Olá, <p><?php echo $_SESSION['nome_usuario']; ?></p>

Não funcionou.
Pergunto: Essa pagina esta com a extensão  .php ou .phtml? Pois se estiver apenas com .html não vai funcionar

Outro, por um acaso esse 

<p id="usuario">

não esta dentro de um iframe, ou vem de algum include/require/ajax ? Pois se estiver dentro de um iframe 

document.getElementById("usuario")

não vai funcionar funcionar, e se vier de um include/require/ajax. É necessário primeiro esperar carregar o paragrafo, para só então tentar acessa-lo

[Gabriel Heming 766]

Quando a função document.getElementById retorna null, ou undefined, é que não localizou o elemento com o ID especificado.

 

Verifique no CTRL+U se localiza o id "usuario". Ele pode não estar presente no escopo do documento.

[inezboldrin 0]

4 horas atrás, Gabriel Heming disse:

Quando a função document.getElementById retorna null, ou undefined, é que não localizou o elemento com o ID especificado.

 

Verifique no CTRL+U se localiza o id "usuario". Ele pode não estar presente no escopo do documento.

 

Continua apresentando nulo.

Eu estou colocando a variável que eu declarei no arquivo verifica_login, justamente para poder buscar e apresentar o nome do usuário logado.