Current status of the Ning Platform is always available on the Ning Status Blog.

Forum

Can you delay a certain script?

Hello Creators, I am experimenting with a new feature for my network, however the JavaScripts are conflicting if the page takes too long to load. Is it possible to delay one of my scripts somehow?

Thanks everyone. Take care.

You need to be a member of Ning Creators Network to add comments!

Join Ning Creators Network

Email me when people reply –

Replies

  • If someone can teach me how to delay a script from loading, I will release an amazing TIP.

    What TIP you ask?

    How about letting your members choose what style sheet they prefer (light/dark/holiday) and have a cookie remember their choice?

    It's possible, I've had it working (not easy) but my problem is that it conflicts with my jquery tabs. So I need to delay the styleswitcher script so that there are not these conflicts.

    Thanks guys, I'd love some help.

  • I'm pretty sure that this is close to the right track....

    Needs a bit of altering, and I need to learn where I am to implement this, and how to apply it to my styleswitcher script.

    onClick="setTimeout(function() {alert('hello');},1250);

    Wouldn't want the alert part, but the timing delay function is there. 1250 milliseconds.

  • So this gives a delayed pop up message. How do I convert this to happen for my styleswitcher script, without the pop up of course.

    <form>
    <input type="button" value="Push this button to open an alert box in 1250 milliseconds" onClick="setTimeout(function() {alert('hello');},1250);">
    </form>

  • There's also a small issue with my styleswitcher script. I'll address that if I end up posting the TIP. It's pretty advanced in my opinion.

    Seems that on the first stylesheet, everything is fine, then switch to stylesheet 2, and my ningbar no longer is fixed, and that whole top section is wacky.

    I know you all won't have a clue what I'm talking about, until you see the scripts.

    Perhaps I'll just post the TIP and see what happens.

    • NC for Hire

      Hi Damien ,

      i normally use jQuery to do this :

      This script is to wait the window to complete loading then carry out the javascript

      $(window).load(function(){

         //javascript code goes here.

      });

      • Awesome Elson, that looks like it would work beautifully, and even looks easy to implement... now can I just delay the call to the script?

        $(window).load(function(){

        <link rel="stylesheet" type="text/css" href="http://api.ning.com/files/jwktXyJ4GnEIIluAAOY2mTQ6e*iEDVDGj2EDQDxGLzz-tEkbxOz6vD3IHWSSRlM2uLAs-SnptBR7X3LcvpzLGb8dwWNW*d3N/APStyleSheet.css" />

        });

        • That's my stylesheet, I know, but will it work like this?

          • NC for Hire

            Do it like this:

            $(window).load(function(){

               $('head').append('<link rel="stylesheet" type="text/css" href="http://api.ning.com/files/jwktXyJ4GnEIIluAAOY2mTQ6e*iEDVDGj2EDQDxGLzz-tEkbxOz6vD3IHWSSRlM2uLAs-SnptBR7X3LcvpzLGb8dwWNW*d3N/APStyleSheet.css" />');

            });

            • Ok sorry Elson, this is easier... this is what I need to delay... could you copy and paste, and add the delay for me? I'm failing my attempts.

              <!--trial stylesheet switcher-->
              <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
                  
                  <link rel="stylesheet" type="text/css" href="http://api.ning.com/files/jwktXyJ4GnEIIluAAOY2mTQ6e*iEDVDGj2EDQDxGLzz-tEkbxOz6vD3IHWSSRlM2uLAs-SnptBR7X3LcvpzLGb8dwWNW*d3N/APStyleSheet.css" title="styles1" media="screen" />
                  <link rel="alternate stylesheet" type="text/css" http://api.ning.com/files/6dRGUjTYClcg8NTa4pZGB8sk7LHCbUboLSQ0qY74i...*fJoxnvqgv7/APStyleSheetdark.css" title="styles2" media="screen" />
                  <link rel="alternate stylesheet" type="text/css" href="http://api.ning.com/files/j4wABojellApIBhmYmDsM277fce8Nxo89VvZ-RBKHE*TIWgXmeZQdVXrmacxm--bxgjgmBoGhEE76hH4ZbVfclB9ARHpD33o/NewStyleSheet1.css" title="styles3" media="screen" />
                  
                  <script type="text/javascript" src="http://api.ning.com:80/files/m9wY6nHswW4dI-dqxiJ62s9a5Q6jo-PHP*pU83VVJlsw*eFlDZ3h3TlV8-BFyIp7pNkB-FthX4a8PnmCJkWwQRGPyeTd1zN0/1059817952.bin"></script>
                  <script type="text/javascript" src="http://api.ning.com:80/files/m9wY6nHswW5L0BMsh0DGsQr3-6KMC*ooOuaJHf2*UQNNCs83xyTvlMmWkxjBOTb1O5cmE3Qyym171Rw834HlqnQSv2k*tYN9/1059817955.bin"></script>
              <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
              <!-- TemplateBeginEditable name="doctitle" -->
              <!--end trial stylesheet switcher-->

              • Also, you know my fixed ningbar? When I switch to 2nd and 3rd stylesheet, the ningbar is no longer fixed, and all of the stuff in the ningbar is no longer in there. (account module returns to left column, navigation is no longer in ningbar, and ningbar is no longer widened. Seems like the stylesheets don't fully load or something? Not sure if you'll know an answer for this, and I may have to design the 2nd and 3rd stylesheets to not have a fixed ningbar, and think up something different.

This reply was deleted.

Search the Creators Network

Latest Activity

John Bizley replied to John Bizley's discussion All New Photos Page Viewer Layout Code
"Just made that change, I did split it up in two parts but this should help with any confusion now :…"
1 hour ago
Kos replied to John Bizley's discussion All New Photos Page Viewer Layout Code
"At least I'm not the only one that got that wrong.  You may want to BOLD OUT and underline that are…"
2 hours ago
John Bizley replied to John Bizley's discussion How To Add A Little Separation In Activity Feed When Someone Comments On A Post
"Thanks for your kind words Anastasia, there are many others on here who provide excellent tips also…"
3 hours ago
John Bizley replied to John Bizley's discussion All New Photos Page Viewer Layout Code
"Thanks Garfield :-)"
3 hours ago
John Bizley replied to John Bizley's discussion All New Photos Page Viewer Layout Code
"Thanks Anastasia
That might be because you may have added the first part of code to your css and no…"
3 hours ago
Anastasia Grey replied to John Bizley's discussion All New Photos Page Viewer Layout Code
"Thanks John! That's Amazing for my Proyect. Just i wonder why i can't see " Feature Botton" Close…"
4 hours ago
Anastasia Grey replied to John Bizley's discussion How To Add A Little Separation In Activity Feed When Someone Comments On A Post
"Wow John! that's Great!  we finally have the best tips for ning 3 thanks to You!"
4 hours ago
Garfield Archivist replied to John Bizley's discussion All New Photos Page Viewer Layout Code
"I can concur that as someone who spends quite some time on their site that 500 errors have been ver…"
5 hours ago
Kos replied to John Bizley's discussion NEW TIP: Tidy Up Title Links In Activity When Adding Lot's Of Discussions In Succesion
"Sharp; well done John"
10 hours ago
Garfield Archivist replied to John Bizley's discussion All New Photos Page Viewer Layout Code
"Beautiful display of photos"
10 hours ago
John Bizley replied to John Bizley's discussion How To Make Your Photos List Even On Both Side ( useful for those with full page width themes )
"I do have a few of these as when adding group modules they do the same thing in big and smaller col…"
yesterday
John Bizley replied to John Bizley's discussion Noticed Your Articles Follow Button And Link Are Not Quite In The Page At The Bottom Of list Page? Here is a fix
"Thanks Kos, yes it's those little things that get me. I have quite a few of those to add :-)"
yesterday
John Bizley replied to John Bizley's discussion NEW TIP: Tidy Up Title Links In Activity When Adding Lot's Of Discussions In Succesion
"Thanks Randy I appreciate your kind words. It is good to be back and posting again as really did mi…"
yesterday
Randy L. Vollett replied to John Bizley's discussion NEW TIP: Tidy Up Title Links In Activity When Adding Lot's Of Discussions In Succesion
"You know if ning had hired you, 3.0 would have been finished long ago. Thanks for all these great t…"
yesterday
Kos replied to John Bizley's discussion Noticed Your Articles Follow Button And Link Are Not Quite In The Page At The Bottom Of list Page? Here is a fix
"Small but worthwhile.  Thank you!"
yesterday
Kos replied to John Bizley's discussion How To Make Your Photos List Even On Both Side ( useful for those with full page width themes )
"Do you feel like a complete designer by now?  *lol*  Thanks for the tip John."
yesterday
John Bizley replied to John Bizley's discussion Open Links Added In New Tab That Are Not Part Of Your Site
"Your most welcome Marshall :-)"
yesterday
marshall blake replied to John Bizley's discussion Open Links Added In New Tab That Are Not Part Of Your Site
"Cool John Ty"
yesterday
John Bizley replied to John Bizley's discussion All New Photos Page Viewer Layout Code
"Maybe Ning are messing about a bit as just been getting 500 errors or site takes a long time to loa…"
yesterday
Kos replied to John Bizley's discussion All New Photos Page Viewer Layout Code
"Maybe he has another code in his CSS causing it?"
yesterday
More…