[Tip] Use to have script.aculo.us effects degrade gracefully :)

Now that I started using some ajax sugar coating on my websites, I am preocuppied by the degradation of some effect for users with javascript disabled.

For instance, on this website, I used Effect.Appear and Effect.Fade to show/hide Help and show/hide search form (just under the logo : Aide | Recherche | FAQ).

Now if I turn off javascript, my effects don’t work of course but what’s not good at all is they can’t access the help menu nor the search box because those effects are set with a default "display: none;" css rule.

I did a quick search but did not find a method to have a conditionnal testing of javascript to have an alternative implemented for those with js disabled...

Do you know of such a method ?

Thanks !

Still have to test this, but it would seem I self answered this pretty trivial question : use the <noscript> tag...

I’ll try that and report...

Hi David, this should also work as well: http://modxcms.com/forums/index.php/topic,3698.msg26789.html#msg2678

Thanks Garry for the pointer , but it’s not the same goal grunt_lord pursued with his technique. His very useful tip allow you to have an element hidden on document load (which is exactly what I was looking for yesterday !).

I was aiming to display an element only for those with javascript disabled, and the noscript tag works fine.
You can see it in action on this website. Turn Off javascript and you’ll have a nice red background box giving you alternate links for search and help, and also pointing to a page instructing you how to turn javascript on for various browsers.

Quote from: davidm at May 09, 2006, 06:04 AM

......
I was aiming to display an element only for those with javascript disabled, and the noscript tag works fine.
You can see it in action on this website. Turn Off javascript and you’ll have a nice red background box giving you alternate links for search and help, and also pointing to a page instructing you how to turn javascript on for various browsers.

Nice solution David

Thanks Banzai

I have been meaning to start using ajax in templates for a while now, and also build a template (not done yet, but this summer I’ll have more time and hopefully a good grasp of script.aculo.us... )