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 Mandy's discussion Add Text Box- Photo Upload Page
"What about if you renamed the 'tags' box to products used or keep the tags but maybe add the words…"
1 hour ago
John Bizley replied to John Bizley's discussion Check out these 3 photo page layouts using my comments to the side and more entries at the same time
"Not sure which of these to go for as I like the first one and the full screen one, what do you guys…"
1 hour ago
John Bizley replied to ismail shah's discussion Removal of Large Spaces between Posts
"No worries, glad you got it figured out :-)"
1 hour ago
John Bizley replied to John Bizley's discussion Here are a couple of little text tips that you may find useful
"Thanks JF :-)"
1 hour ago
Mary Jane Peterson replied to Ron's discussion Free Emoji for Ning Apps Early Access Subscribers
"Hi Ron 
Thank you , will this also be on ning 2.0 as well ?"
2 hours ago
Mandy replied to Mandy's discussion Add Text Box- Photo Upload Page
"Hey @Ron ,
I know I understand. I'm still learning the NING platform slowly and this is totally not…"
4 hours ago
JFarrow replied to ismail shah's discussion Removal of Large Spaces between Posts
"Thanks John.. i noticed that too after i posted... didn't occur to me that it was something i had a…"
10 hours ago
John Bizley replied to ismail shah's discussion Removal of Large Spaces between Posts
"JF that is your activity feed footer, it seems there is a amount of 300px set for it. Have you set…"
11 hours ago
JFarrow replied to John Bizley's discussion Here are a couple of little text tips that you may find useful
"nice tips John!"
12 hours ago
Writer Chick {Diane} replied to Andrzej Góralczyk's discussion Background image in the header gone
"This is a recent bug. There have been tickets filed, but so far, I can't see where they've fixed it…"
13 hours ago
John Bizley replied to ismail shah's discussion Removal of Large Spaces between Posts
"Thanks Simon, you are most welcome :-)"
16 hours ago
Simon Farnworth replied to ismail shah's discussion Removal of Large Spaces between Posts
"You, Sir, are a star!"
16 hours ago
John Bizley replied to ismail shah's discussion Removal of Large Spaces between Posts
"Hi Simon, I just replied to your email and found it was the list in the modules in the side columns…"
17 hours ago
Andrzej Góralczyk replied to Andrzej Góralczyk's discussion Background image in the header gone
"Due to the fury of Users I had to remove this image. Also some other images with .png and transpare…"
17 hours ago
Luke Jones replied to Ron's discussion Ning Apps: Photo Tagging Feature (WIP)
"Ah awesome :) How do I join the free Early access ? :) I want the Emoji :P ah right aha, So do you…"
18 hours ago
Luke Jones replied to Ron's discussion Free Emoji for Ning Apps Early Access Subscribers
"Awesome :) Will they be available to use on status updates ? :) that would be awesome :) How long r…"
18 hours ago
Jan Homan replied to Jan Homan's discussion How to create a video as a header?
"Some topics I found are deleted!"
18 hours ago
Jan Homan replied to Jan Homan's discussion How to create a video as a header?
"Hello Ron,
Well, I have searched all over the Creators network, but I didn't find any posting about…"
18 hours ago
John Bizley replied to ismail shah's discussion Removal of Large Spaces between Posts
"The above should work but try it this way and see if that helps, if not give me a link to your blog…"
19 hours ago
Simon Farnworth replied to ismail shah's discussion Removal of Large Spaces between Posts
"Thanks, John! It doesn't seem to be working though :("
19 hours ago
More…