Question

I have a site that will be used mostly on mobile devices, the top nav are tabs but right now they are hard coded instead of using Javascript. We are taking into consideration all mobile devices that will not have javascript.

So, is there a way to gracefully degrade javascript Tab functionality to then to to the right html page?

Answer 1

If I am understanding this correctly, we have had a similar issue that I had to solve.

We use the Milonic Menu js dynamic menu creator. Problem is, all of the menus are completely rendered using js.

My solution was to create a set of tabs that are identical to the ones that would have been rendered if the Milonic Menu were to have created them. Then, on page load, I remove them from the page using js.

We use prototype, so I simply use the:

document.observe( "dom:loaded", function(){ ...remove elements... } );

Now, when javascript is disabled, you still get the pretty tabs or menu that would have been created by the js.