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

Edie2k2 replied to John Bizley's discussion Brand New Facebook Style Photo's page. CODE NOW AVAILABLE
"You are a dear, dear man John. Thank you!!"
2 hours ago
John Bizley replied to George H. Compton IV's discussion A tip all Ning3 networks can benefit from. "fluid YouTube, Slideshare & Vimeo Videos"
"This is a really great piece of code for your videos, I had it on an old site but now am using it f…"
3 hours ago
George H. Compton IV replied to George H. Compton IV's discussion (TIP N3) Fluid network enhancements for your profileCoverArea img, network header img, group Header image & Social Channels player
"Update 5-23-15, My Fluid Social Channels Video player now sports VIMEO
Sorry I didn't add VIMEO ear…"
4 hours ago
John Bizley replied to John Bizley's discussion Brand New Facebook Style Photo's page. CODE NOW AVAILABLE
"After a lot of testing all the code and setup for this is now available. It will work accross all t…"
4 hours ago
George H. Compton IV replied to George H. Compton IV's discussion TIP Ning3 & Ning2 - Sub-tab down arrow for your navigation
"Update I added a version for Ning 3.0.. This code does not affect Nings mobile sub-tab arrows."
5 hours ago
George H. Compton IV replied to George H. Compton IV's discussion TIP Ning3 & Ning2 - Sub-tab down arrow for your navigation
"Thank you Dave, you're so very welcome. :-)"
14 hours ago
dave replied to George H. Compton IV's discussion TIP Ning3 & Ning2 - Sub-tab down arrow for your navigation
"Thanks George for sharing this Tip, they work and look great :-) very nice piece of code :-) You've…"
yesterday
George H. Compton IV replied to George H. Compton IV's discussion TIP Ning3 & Ning2 - Sub-tab down arrow for your navigation
"Thank you for the compliment JFarrow. :)"
yesterday
JFarrow replied to George H. Compton IV's discussion TIP Ning3 & Ning2 - Sub-tab down arrow for your navigation
"sweet work and great idea George!"
yesterday
Luke Jones replied to George H. Compton IV's discussion TIP Ning3 & Ning2 - Sub-tab down arrow for your navigation
":) that's fair enough aha :)I'm going stick with testing it on scratchpad for now,until I have more…"
yesterday
George H. Compton IV replied to George H. Compton IV's discussion TIP Ning3 & Ning2 - Sub-tab down arrow for your navigation
"A lot of the codes I right are customizing Ning's pages and their HTML, I'm not going to copy their…"
yesterday
Luke Jones replied to George H. Compton IV's discussion TIP Ning3 & Ning2 - Sub-tab down arrow for your navigation
"Ah right :) Well I prefer to write the code on Scratchpad first, to make sure I've got it right, I…"
yesterday
George H. Compton IV replied to George H. Compton IV's discussion TIP Ning3 & Ning2 - Sub-tab down arrow for your navigation
"Thank you lorianne  :)"
yesterday
George H. Compton IV replied to George H. Compton IV's discussion TIP Ning3 & Ning2 - Sub-tab down arrow for your navigation
"Luke I prefer to write codes on the network it's intended for that way I won't have to readjust the…"
yesterday
lorianne replied to George H. Compton IV's discussion TIP Ning3 & Ning2 - Sub-tab down arrow for your navigation
"i agree George, it is pretty!"
yesterday
Luke Jones replied to George H. Compton IV's discussion TIP Ning3 & Ning2 - Sub-tab down arrow for your navigation
"Aha poop sorry George lol, :P Aha fair enough lol :P Ah right :) , and you George :) 
well I know y…"
yesterday
George H. Compton IV replied to George H. Compton IV's discussion TIP Ning3 & Ning2 - Sub-tab down arrow for your navigation
"Hi lorianne
I've also done it that way but with my code you can style it anyway you want with any i…"
yesterday
George H. Compton IV replied to George H. Compton IV's discussion TIP Ning3 & Ning2 - Sub-tab down arrow for your navigation
"Thank you Luke. But my name is George. :-) LOL I don't use a program I use my brain and a test netw…"
yesterday
lorianne replied to George H. Compton IV's discussion TIP Ning3 & Ning2 - Sub-tab down arrow for your navigation
"i did this on my page to indicate sub-tabs were present by placing this ▼ when i created &  named t…"
yesterday
Luke Jones replied to George H. Compton IV's discussion TIP Ning3 & Ning2 - Sub-tab down arrow for your navigation
"That's cool John :) You always do awesome updates :) you and John are the ones that we need to hire…"
yesterday
More…