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

Jeffrey Haskins replied to Jeffrey Haskins's discussion Can not get into my site
"Yes...and and I sent an email to NING thru last reply on other things I had going, and their fix wa…"
24 minutes ago
Gerry Byron, Denise, Ron West and 12 more joined Ning Creators Network
1 hour ago
C.Brickhouse replied to C.Brickhouse's discussion Be Kind
"Thank you for taking the time to look at my site :-) It's a 3.0 site the problem I'm having is gett…"
2 hours ago
John Bizley replied to TJ @ jQueryHelp's discussion 3.0 and 2.0 Tip: Latest Activity Infinite Scroll - FREE
"Nice tip TJ, will have to give this one a try, appreciate the share :-)"
2 hours ago
John Bizley replied to Lea Scott's discussion Background pic disappeared
"Lea I just took a quick look and you main header and background images are showing up"
2 hours ago
John Bizley replied to Lea Scott's discussion Background pic disappeared
"Lea I will take a look for you later when I get home from work and see if I can find out the proble…"
3 hours ago
SweetPotato replied to TJ @ jQueryHelp's discussion 3.0 and 2.0 Tip: Latest Activity Infinite Scroll - FREE
"nice.
SP"
6 hours ago
Bernard Lama replied to Lea Scott's discussion Background pic disappeared
"Probably the image size is too big and it's taking a lot of time to load or your background image f…"
6 hours ago
Bernard Lama replied to TJ @ jQueryHelp's discussion 3.0 and 2.0 Tip: Latest Activity Infinite Scroll - FREE
"Hi TJ, awesome tip. Thanks for sharing it."
6 hours ago
Natalie H. replied to Ning's discussion Introducing Activity Feed Improvements, Including Member Status Updates
"Ha! "Live and non functional" sums it up pretty well :)"
9 hours ago
Lea Scott replied to Ning's discussion Introducing Activity Feed Improvements, Including Member Status Updates
"Its WAS good! Now all of my banners and background artwork pics have disappeared! My site looks so…"
10 hours ago
Lea Scott replied to Lea Scott's discussion Background pic disappeared
"And now my banners have disappeared! Not good ning!"
10 hours ago
Lea Scott replied to Lea Scott's discussion Background pic disappeared
"And I have tried reloading the pic and it is seen in the box but not on my website. My tickets are…"
12 hours ago
Strumelia replied to Asil's discussion Photo Slideshows Fail in NING 2.0
"Asil, FWIW I am now seeing the embedded slideshow in your original post here."
15 hours ago
Lea Scott replied to solo's discussion Chat room or chat rooms for your network....2.0 and 3.0 ning networks
"Hey solo, I have looked at this and it has created one automatically for me but I don't know how th…"
15 hours ago
Lea Scott replied to Rafael's discussion Multiple Chat rooms for Ning 3.0
"Agreed! That would be awesome and make a huge difference to traffic to the site!"
15 hours ago
Thisisbully replied to Ning's discussion Introducing Activity Feed Improvements, Including Member Status Updates
15 hours ago
Thisisbully replied to Ning's discussion Introducing Activity Feed Improvements, Including Member Status Updates
"nope "
15 hours ago
Fire-Tech replied to Fire-Tech's discussion 3.0 Tip: Status Update Box Tweaks
"Thanks Thiago :)"
16 hours ago
marshall blake replied to Ning's discussion Introducing Activity Feed Improvements, Including Member Status Updates
"There is not any notification when people comment on status updates in the activity feed?"
17 hours ago
More…