If you develop websites, you probably faced the problem that if you create a tabbed table into the notes client, it will be display in a "nice" way only in Internet Explorer. In other browser like firefox, chrome, opera and others, the tabs won't be styled with CSS.



I created this jQuery plugin to be able to render tabbed table correctly in every browsers.



I also faced the following problem. I created multilingual websites. I set the language using a URL parameter like &lang=En. But when you click on a tabbed table, the url parameter you might have are erased !



So with this plugin you can specify which parameter must be kept when you click on a tab.



This part is a little bit more tricky, but I put a sample DB.



For developpers, it should not be very hard to understand how it works.



Open the sample database and open the only document in this DB. You'll have a simple how to use this plugin. In the design elements I also added some comments to explain how it works.



Of course you need the jQuery javascript library. The version 1.3.2 is included in the sample DB.



Inside the sample DB, you'll find the minified version of the plugin(jquery.styleDominoTabbedTable-min.js) and also the full source code (jquery.styleDominoTabbedTable.js)



Feel free to use this plugin until Lotus will generate some html code for tabbed table also for other browsers than IE !



I have tested it with version 7.0.3 and 8.0.2 Domino servers. It should work with 8.5 as well but I didn't try it yet.



If you use it, please leave the credits which are at the top of the jQuery plugins.



If you have any questions and/or remarks, please post them here. I will try to come here on a regular basis to answer them



Renaud Thiévent



P.S. For more informations on jQuery, you'll find the code, documentation and samples here :



http://www.jquery.com



Using Google, you'll also find a lot of sample of what you can do with jQuery (an outstanding javascript library to enhance your web pages)