[jQuery] Re: JavaScript Loading Question
OK, this did the trick, thanks! On Mar 16, 7:15 pm, Karl Swedberg k...@englishrules.com wrote: This is the best way I've found to initially hide content with JavaScript without having the flash of unstyled content. http://www.learningjquery.com/2008/10/1-awesome-way-to-avoid-the-not-... --Karl Karl Swedbergwww.englishrules.comwww.learningjquery.com On Mar 16, 2009, at 5:19 PM, Jonathan wrote: Since the browser will always have the Markup and CSS before the javascript is finished it's a pretty typical approach to avoid seeing stuff before the JS is done, although having a simplified version of your page that is accessible to users without JS enabled (for instance all the tabs visible from the start like you're seeing) is important, and if you only show content once javascript is loaded you're basically serving an invisible page to people that disable it. On Mar 16, 1:32 pm, MonkeyBall2010 hughes.timo...@gmail.com wrote: Is this the best practices workaround? I hardly ever see this on other sites that use jQuery or a similar JS library. On Mar 13, 7:20 pm, James james.gp@gmail.com wrote: For jQuery UI Tabs I get that issue too where it will display the HTML list before turning into tabs. Though usually only just for the initial load where the JS scripts have not been cached yet. The only workaround I've tried was making the div container for your tabs hidden initially, and when the tabs script is finally set, show the div. On Mar 13, 2:08 pm, MonkeyBall2010 hughes.timo...@gmail.com wrote: I've noticed that when I put something in the $(document).ready function my page will load the HTML and then theJavaScriptwill kick in. For example, I make a series of tabs with the jQuery UI library and then I visit the page. The content in the tabs will display regularly for a split second and then it will jump into the tabbed configuration. When I go to other websites I don't see this behavior... Is there a way to preload theJavaScriptso that the page appears as intended before the user is able to view it? Thanks, Tim- Hide quoted text - - Show quoted text -- Hide quoted text - - Show quoted text -
[jQuery] Re: JavaScript Loading Question
Also, as an aside, I'm not sure the browser handles Javascript last, just asynchronously. If you have: link ... / link .../ script .../ link .../ I'm pretty sure it will fetch your css first, then wait on the JS, then load the next CSS file. On Mar 17, 8:40 pm, MonkeyBall2010 hughes.timo...@gmail.com wrote: OK, this did the trick, thanks! On Mar 16, 7:15 pm, Karl Swedberg k...@englishrules.com wrote: This is the best way I've found to initially hide content with JavaScript without having the flash of unstyled content. http://www.learningjquery.com/2008/10/1-awesome-way-to-avoid-the-not-... --Karl Karl Swedbergwww.englishrules.comwww.learningjquery.com On Mar 16, 2009, at 5:19 PM, Jonathan wrote: Since the browser will always have the Markup and CSS before the javascript is finished it's a pretty typical approach to avoid seeing stuff before the JS is done, although having a simplified version of your page that is accessible to users without JS enabled (for instance all the tabs visible from the start like you're seeing) is important, and if you only show content once javascript is loaded you're basically serving an invisible page to people that disable it. On Mar 16, 1:32 pm, MonkeyBall2010 hughes.timo...@gmail.com wrote: Is this the best practices workaround? I hardly ever see this on other sites that use jQuery or a similar JS library. On Mar 13, 7:20 pm, James james.gp@gmail.com wrote: For jQuery UI Tabs I get that issue too where it will display the HTML list before turning into tabs. Though usually only just for the initial load where the JS scripts have not been cached yet. The only workaround I've tried was making the div container for your tabs hidden initially, and when the tabs script is finally set, show the div. On Mar 13, 2:08 pm, MonkeyBall2010 hughes.timo...@gmail.com wrote: I've noticed that when I put something in the $(document).ready function my page will load the HTML and then theJavaScriptwill kick in. For example, I make a series of tabs with the jQuery UI library and then I visit the page. The content in the tabs will display regularly for a split second and then it will jump into the tabbed configuration. When I go to other websites I don't see this behavior... Is there a way to preload theJavaScriptso that the page appears as intended before the user is able to view it? Thanks, Tim- Hide quoted text - - Show quoted text -- Hide quoted text - - Show quoted text -
[jQuery] Re: JavaScript Loading Question
Is this the best practices workaround? I hardly ever see this on other sites that use jQuery or a similar JS library. On Mar 13, 7:20 pm, James james.gp@gmail.com wrote: For jQuery UI Tabs I get that issue too where it will display the HTML list before turning into tabs. Though usually only just for the initial load where the JS scripts have not been cached yet. The only workaround I've tried was making the div container for your tabs hidden initially, and when the tabs script is finally set, show the div. On Mar 13, 2:08 pm, MonkeyBall2010 hughes.timo...@gmail.com wrote: I've noticed that when I put something in the $(document).ready function my page will load the HTML and then theJavaScriptwill kick in. For example, I make a series of tabs with the jQuery UI library and then I visit the page. The content in the tabs will display regularly for a split second and then it will jump into the tabbed configuration. When I go to other websites I don't see this behavior... Is there a way to preload theJavaScriptso that the page appears as intended before the user is able to view it? Thanks, Tim- Hide quoted text - - Show quoted text -
[jQuery] Re: JavaScript Loading Question
Since the browser will always have the Markup and CSS before the javascript is finished it's a pretty typical approach to avoid seeing stuff before the JS is done, although having a simplified version of your page that is accessible to users without JS enabled (for instance all the tabs visible from the start like you're seeing) is important, and if you only show content once javascript is loaded you're basically serving an invisible page to people that disable it. On Mar 16, 1:32 pm, MonkeyBall2010 hughes.timo...@gmail.com wrote: Is this the best practices workaround? I hardly ever see this on other sites that use jQuery or a similar JS library. On Mar 13, 7:20 pm, James james.gp@gmail.com wrote: For jQuery UI Tabs I get that issue too where it will display the HTML list before turning into tabs. Though usually only just for the initial load where the JS scripts have not been cached yet. The only workaround I've tried was making the div container for your tabs hidden initially, and when the tabs script is finally set, show the div. On Mar 13, 2:08 pm, MonkeyBall2010 hughes.timo...@gmail.com wrote: I've noticed that when I put something in the $(document).ready function my page will load the HTML and then theJavaScriptwill kick in. For example, I make a series of tabs with the jQuery UI library and then I visit the page. The content in the tabs will display regularly for a split second and then it will jump into the tabbed configuration. When I go to other websites I don't see this behavior... Is there a way to preload theJavaScriptso that the page appears as intended before the user is able to view it? Thanks, Tim- Hide quoted text - - Show quoted text -
[jQuery] Re: JavaScript Loading Question
This is the best way I've found to initially hide content with JavaScript without having the flash of unstyled content. http://www.learningjquery.com/2008/10/1-awesome-way-to-avoid-the-not-so-excellent-flash-of-amazing-unstyled-content --Karl Karl Swedberg www.englishrules.com www.learningjquery.com On Mar 16, 2009, at 5:19 PM, Jonathan wrote: Since the browser will always have the Markup and CSS before the javascript is finished it's a pretty typical approach to avoid seeing stuff before the JS is done, although having a simplified version of your page that is accessible to users without JS enabled (for instance all the tabs visible from the start like you're seeing) is important, and if you only show content once javascript is loaded you're basically serving an invisible page to people that disable it. On Mar 16, 1:32 pm, MonkeyBall2010 hughes.timo...@gmail.com wrote: Is this the best practices workaround? I hardly ever see this on other sites that use jQuery or a similar JS library. On Mar 13, 7:20 pm, James james.gp@gmail.com wrote: For jQuery UI Tabs I get that issue too where it will display the HTML list before turning into tabs. Though usually only just for the initial load where the JS scripts have not been cached yet. The only workaround I've tried was making the div container for your tabs hidden initially, and when the tabs script is finally set, show the div. On Mar 13, 2:08 pm, MonkeyBall2010 hughes.timo...@gmail.com wrote: I've noticed that when I put something in the $(document).ready function my page will load the HTML and then theJavaScriptwill kick in. For example, I make a series of tabs with the jQuery UI library and then I visit the page. The content in the tabs will display regularly for a split second and then it will jump into the tabbed configuration. When I go to other websites I don't see this behavior... Is there a way to preload theJavaScriptso that the page appears as intended before the user is able to view it? Thanks, Tim- Hide quoted text - - Show quoted text -
[jQuery] Re: JavaScript Loading Question
For jQuery UI Tabs I get that issue too where it will display the HTML list before turning into tabs. Though usually only just for the initial load where the JS scripts have not been cached yet. The only workaround I've tried was making the div container for your tabs hidden initially, and when the tabs script is finally set, show the div. On Mar 13, 2:08 pm, MonkeyBall2010 hughes.timo...@gmail.com wrote: I've noticed that when I put something in the $(document).ready function my page will load the HTML and then the JavaScript will kick in. For example, I make a series of tabs with the jQuery UI library and then I visit the page. The content in the tabs will display regularly for a split second and then it will jump into the tabbed configuration. When I go to other websites I don't see this behavior... Is there a way to preload the JavaScript so that the page appears as intended before the user is able to view it? Thanks, Tim