The forum of the forums

Would you like to react to this message? Create an account in a few clicks or log in to continue.
The forum of the forums
3 posters

    HTML Coding Question

    FrOsTyXi
    FrOsTyXi
    FrOsTyXi
    Forumember


    Male Posts : 460
    Reputation : 12
    Language : english
    • Post n°1

    In progress HTML Coding Question

    Post by FrOsTyXi January 2nd 2015, 3:32 am

    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
    • Back to top
    _Twisted_Mods_
    _Twisted_Mods_
    _Twisted_Mods_
    Helper
    Helper


    Male Posts : 2083
    Reputation : 336
    Language : English
    Location : Ms
    • Post n°2

    In progress Re: HTML Coding Question

    Post by _Twisted_Mods_ January 2nd 2015, 3:51 am

    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>
    • Back to top
    FrOsTyXi
    FrOsTyXi
    FrOsTyXi
    Forumember


    Male Posts : 460
    Reputation : 12
    Language : english
    • Post n°3

    In progress Re: HTML Coding Question

    Post by FrOsTyXi January 2nd 2015, 4:15 am

    Nope still the same loading image stays center of the screen lol Sometime you just want a hammer haha
    • Back to top
    Ange Tuteur
    Ange Tuteur
    Ange Tuteur
    Forumaster


    Male Posts : 13207
    Reputation : 3000
    Language : English & 日本語
    Location : Pennsylvania
    • Post n°4

    In progress Re: HTML Coding Question

    Post by Ange Tuteur January 2nd 2015, 4:38 am

    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
    • Back to top
    FrOsTyXi
    FrOsTyXi
    FrOsTyXi
    Forumember


    Male Posts : 460
    Reputation : 12
    Language : english
    • Post n°5

    In progress Re: HTML Coding Question

    Post by FrOsTyXi January 2nd 2015, 4:47 am

    Ah that must be the online staff widget! sux is there a way to fix the error?
    • Back to top
    Ange Tuteur
    Ange Tuteur
    Ange Tuteur
    Forumaster


    Male Posts : 13207
    Reputation : 3000
    Language : English & 日本語
    Location : Pennsylvania
    • Post n°6

    In progress Re: HTML Coding Question

    Post by Ange Tuteur January 2nd 2015, 4:53 am

    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)
            })
    • Back to top
    FrOsTyXi
    FrOsTyXi
    FrOsTyXi
    Forumember


    Male Posts : 460
    Reputation : 12
    Language : english
    • Post n°7

    In progress Re: HTML Coding Question

    Post by FrOsTyXi January 2nd 2015, 5:07 am

    Ok that's done did a test with the HTML still had a loading screen not fade away, another error?
    • Back to top
    Ange Tuteur
    Ange Tuteur
    Ange Tuteur
    Forumaster


    Male Posts : 13207
    Reputation : 3000
    Language : English & 日本語
    Location : Pennsylvania
    • Post n°8

    In progress Re: HTML Coding Question

    Post by Ange Tuteur January 2nd 2015, 5:11 am

    Nope, I don't even see it on your forum.
    • Back to top
    FrOsTyXi
    FrOsTyXi
    FrOsTyXi
    Forumember


    Male Posts : 460
    Reputation : 12
    Language : english
    • Post n°9

    In progress Re: HTML Coding Question

    Post by FrOsTyXi January 2nd 2015, 5:16 am

    Ok thank you for correcting that error i will play with it a bit see what i get thanks again!
    • Back to top
    _Twisted_Mods_
    _Twisted_Mods_
    _Twisted_Mods_
    Helper
    Helper


    Male Posts : 2083
    Reputation : 336
    Language : English
    Location : Ms
    • Post n°10

    In progress Re: HTML Coding Question

    Post by _Twisted_Mods_ January 2nd 2015, 6:42 am

    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
    • Back to top
    FrOsTyXi
    FrOsTyXi
    FrOsTyXi
    Forumember


    Male Posts : 460
    Reputation : 12
    Language : english
    • Post n°11

    In progress Re: HTML Coding Question

    Post by FrOsTyXi January 2nd 2015, 6:46 am

    I have everything in pace widget and forum that it gets data from but all is set to admin only till completion.

    Regards
    • Back to top

      Current date/time is September 22nd 2024, 5:20 pm