(Jan 25, 2018 03:19 PM)rafflan1891 Wrote:  Hello!

I have this: https://pastebin.com/jGZW6kDK and I can register a new user, but when I sign in I get: Uncaught TypeError: Cannot read property 'style' of null on line 125.  This is the HTML: https://pastebin.com/61bacbcT for the page you should come to after you have signed in. But as you see, the name of the outer div(which contains everything else there in the body) is the same as the name on line 125 in my first paste. But why do I still get that error?

I have tried to restart browser and clear everything etc.

(Jan 25, 2018 03:25 PM)Charger Wrote:  The js is probably running before the html is there.

(Jan 25, 2018 03:31 PM)Nachfolger Wrote:  As Charger mentioned, the javascript is probably running before the page is fully loaded. Use a timeout if possible, I didn't read your entire script so I'm not sure if it's gonna effect a ladder of things or not.

Two options: timeout | throw the entire page in a document load event

Code

// Will execute 250ms (0.2s after the script is loaded)
setTimeout(function() { // JAVASCRIPT ERROR CAUSING LINE HERE }, 250);

Code

Document load event (to lazy to write it out, but you can google it)

(Jan 26, 2018 02:27 AM)Cod3ing® Wrote:  Do not use a setTimeout, it's a synchronous method and it's bad practice to define a constant variable for unpredictable behavior like page load times.

JS is executed after the page has loaded, there's a lot of DOM APIs available for you to use in order to hook onto the event handler for the browsers DOM.

Take a look at https://developer.mozilla.org/en-US/docs/Web/Events/load

(Jan 26, 2018 10:02 AM)Uose Wrote:  

Code

document.getElementById("test").style="display:none";

try

where your html code will look like this:

Code

<div style="display:inline-block" id="test"></div>