treehouse : what would you like to learn today?
Web Design Web Development iOS Development

[Solved] How to add document ready to a javascript code?

  • Hello!

    I have this javascript code which I achieved by helping of professionals on css-tricks:

    http://codepen.io/JoshBlackwood/pen/cqDib

    It's working very well but I should put it's script after my html codes and I want to put it's code inside head tags and when I call it, it works.

    I think I should use (document) .ready but I don't know how.

    Please help!

    thank you in advance!

    Alireza.M

  • If you're using standard js you can use body onload but I'd recommend putting it at the bottom of the page so it doesn't slow page load.

    Hope this helps!

    Cheers, Jeff

  • Thank you!

    But my pages flow is putting js scripts inside head and call them with a custom js file.

    I really apperciate you If you could help me to doing what I want.

  • just go...

    $(document).ready(function(){ //your code here });
  • Use JQuery javscript libary and then you can use

    $(document).ready(function() {
       //your code here
    });
    

    and much more cool functions.

  • That's it.

    Now, it's working as I wanted.

    Thanks amyth91 and Htmlmainiac !!!