How do I display something only if javascript is enabled?

Question

Hi. This may be a dumb question, but I haven't been writing code all that long. Anyway, I am creating a custom online store. I used the spry menu bar to create a menu bar for the product categories. The tutorials I had been watching about how to use the spry widgets said that it's a good idea to create alternatives incase somebody doesn't have javascript enabled, so I created an alternative navigation system. The problem now is, I only want to display the spry menu bar if javascript is enabled. I know I can use the noscript tag to display the alternative navigation system is javascript is disabled, but how do I display something only if javascript is enabled?

Answer 1

I tried that and it doesn't seem to be working. I tried it as:
<div id="navigation">
   <script>
  <?php publicNavigation(); ?>
</script>
    <script type="text/javascript">
<!--
  var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
    <noscript>
    <?php
     startNavigation();
?>
    </noscript>
  </div>
and as:
<div id="navigation">
<script type="text/javascript">
<!--
  <?php publicNavigation(); ?>
  var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
    <noscript>
    <?php
     startNavigation();
    ?>
    </noscript>
  </div>
In either situation, nothing shows up where the menu bar should be. I know I have javascript enabled so that is not the problem. How do I get this working?