HTML Coding Question

by FrOsTyXi Fri 2 Jan - 3:32

Hello i Have this code bu the loading image stays on the screen and does not fade anyone have a idea why?

Overall_header find </ head> Then write the following code placed on top

Code:: <style>#loading { background: #000 url(http://i41.tinypic.com/j92cy8.gif) no-repeat center center; height: 50px; width: 50px; position: fixed; left: 50%; top: 50%; margin: -25px 0 0 -25px; z-index: 1000; border-radius: 5px; } </style><script> jQuery(window).load(function(){ jQuery('#loading').fadeOut(2000); }); </script>

Find <body>
paste this underneath.

Code:: <div id="loading"></div>

maybe someone can help e sort this out.

thanks.

Regards
FrOsTyXi

by _Twisted_Mods_ Fri 2 Jan - 3:51

try placing

Code:: <div id="loading"></div>

above <script>

Code:: <style>#loading { background: #000 url(http://i41.tinypic.com/j92cy8.gif) no-repeat center center; height: 50px; width: 50px; position: fixed; left: 50%; top: 50%; margin: -25px 0 0 -25px; z-index: 1000; border-radius: 5px; } </style> <div id="loading"></div> <script> jQuery(window).load(function(){ jQuery('#loading').fadeOut(2000); }); </script>

by FrOsTyXi Fri 2 Jan - 4:15

Nope still the same loading image stays center of the screen lol Sometime you just want a hammer haha

by Ange Tuteur Fri 2 Jan - 4:38

It seemed to work fine for me. I'm gonna go out on a limb and say it's because something is throwing an error on your forum.

Apparently widget is null.
HTML Coding Question Captur18

Code:: jQuery(window).on('load', function () { var currentValue = document.getElementById(widget).innerHTML; sessionStorage.setItem('online_staff', currentValue) })

It's like a train wreck, something throws an error and everything goes with it. Dawa

by FrOsTyXi Fri 2 Jan - 4:47

Ah that must be the online staff widget! sux is there a way to fix the error?

by Ange Tuteur Fri 2 Jan - 4:53

Try replace this :

Code:: jQuery(window).on('load', function () { var currentValue = document.getElementById(widget).innerHTML; sessionStorage.setItem('online_staff', currentValue) })

With this :

Code:: jQuery(window).on('load', function () { if (!document.getElementById(widget)) return; var currentValue = document.getElementById(widget).innerHTML; sessionStorage.setItem('online_staff', currentValue) })

by FrOsTyXi Fri 2 Jan - 5:07

Ok that's done did a test with the HTML still had a loading screen not fade away, another error?

by Ange Tuteur Fri 2 Jan - 5:11

Nope, I don't even see it on your forum.

by FrOsTyXi Fri 2 Jan - 5:16

Ok thank you for correcting that error i will play with it a bit see what i get thanks again!

by _Twisted_Mods_ Fri 2 Jan - 6:42

if you still have the recent post widget remove it for now because you removed the topic it gets info from so its trying to get info that's not even there