One of the first modules that I worked on was a 'Body Mass Index' calculator. I could really have done this in JavaScript on the client but I decided that this would be a good opportunity to try out a number of different features that I would probably be using in future modules.

At its most basic, this module takes input from the user, does a simple calculation on the server, and returns the result. So what did I learn?

1. CSS tabs - using styles in a module.

2. JavaScript multipage - using JavaScript in a module.

3. Ajax - Atlas: independent of module development this was still something I wanted to learn and to doing it within the framework of module development was a good experience.

So let's take a look at what I learned:

The tabstrip effect was done using a modification of code from <a href="http://www.dynamicdrive.com/style/csslibrary/item/overlapping-horizontal-tabs/">Dynamic Drive CSS Library</a>.

The multipage javascript was from <a href="http://my.aspweb.cz/">Attila Szabo</a>.  He also implements tabs but I chose the other tabs for the reasons indicated.

Note for javascript: leave out whitespace in the <ul> to avoid xml parsing oddity in firefox
http://developer.mozilla.org/en/docs/Whitespace_in_the_DOM
(could also be solved programmatically)

Javascript cookies were picked up from the <a href="http://www.quirksmode.org/js/cookies.html">quirksmode<a/> website.

DNNCreative Magazine offered a tidbit of info on the very bottom of this page which tells <a href="http://www.dnncreative.com/Forum/tabid/88/forumid/Tutorials/SkinningTutorials/sIFR2andDotNetNukeSkins/tabid/269/Default.aspx">how to incorporate an external javascript file (file.js)</a> into a DotNetNuke project.

Page.ClientScript.RegisterClientScriptInclude("multipagetabstrip", ResolveUrl("multipagetabstrip.js"))