The SitePoint Forums have moved.

You can now find them here.
This forum is now closed to new posts, but you can browse existing content.
You can find out more information about the move and how to open a new account (if necessary) here.
If you get stuck you can get support by emailing forums@sitepoint.com

If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

The basic demo only illustrates the fundamental ideas used by xTabPanelGroup. And it doesn't yet have any styling.

xTabPanelGroup uses more Js from my library but is more flexible, and it's demo is a "finished page" from which you can start. xTabPanelGroup allows you to specify the width of the object - or it can be liquid (flow with the page), for example: TPG with liquid width. xTabPanelGroup has been used and tested by many different people.

Actually, I think the basic demo has turned out pretty nice. It uses much less Js and gives you the option of styling it and the page in your own way. But I don't yet consider the basic demo to be "finished". The basic demo is very useful for learning how "progressive enhancement" was accomplished in the xTabPanelGroup demo.

Yes. View the source of the page. All Js is in external files - except for the onload and onunload code which is minimal and could also be put in an external file.

All CSS is also in external files. Note that 'tpg_def.css' gets loaded by default and 'tpg_dyn.css' only gets loaded if Js is enabled (it overrides properties in tpg_def). I use a 'document.write' for this - if you use XHTML it can be done differently but I always use a HTML4.01 Strict doctype.

If you are asking about including the HTML with PHP then yes that can be done with either demo.

If you want to use the xTabPanelGroup demo then it might be easier to just download my library distribution file. It contains the demo page and all the other files you'll need. The quick-start page (also in the zip) describes what you'll find after you unzip the file.

Btw - in the folder "cross-browser.com/x/examples" you'll also find CSS files which provide an alternate styling on the tabs: tpg_def_org.css and tpg_dyn_org.css.

It's the javascript behind which makes it work which i want to "include". I want to "include" the javascript once so i can have many tpg's and they all use the 1 javascript file to make them all work. How?