I'm using the free tabber.js from this site "http://www.barelyfitz.com/projects/.../tabber.js" in order to have a tabbed control inside my web page. The script essentially looks for div tags with a specified css class and then renders the divs as tabs. I've put my div tags inside html and inside aspx pages and it works just fine. However, in dotnetnuke they do not work.

I don't know if it's because I'm putting the div tags in the text editor or what. That said, I have put them as part of my skin in my ascx file and they still do not work. Any ideas where to start?

Thank You.

I need more details. Perhaps you could attach a copy of the skin file.

You might find this thread helpful: http://www.dnncreative.com/Forum/ta...fault.aspx

Also, there are several modules available that help you do "tabs." I particularly like Aggregator from DNNStuff.com.

I uploaded the skin that I'm using. As you can see in the landing code page's code behind, I've tried many different ways to get the javascript embedded. If I put an alert in the tabber.js' javascript it does fire but does not render my tabs at all.

As I stated, I can do this in a basic html page and I've put this into an .aspx page and it works just fine but not when in dotnetnuke. My ultimate goal is to put the div tags for the tabs into the text editor to be rendered as content.

Thank you for the forum link but I read that before. I did look at the aggregator tab but don't have the money to pay for it as I'm doing this for free.

My javascript debugging isn't the best but when the tabber script fires, it does find the tags as far as I can tell but after that, I'm not sure what's going on.

Thank you for your help.

Hi, did you mange to fix this? Find a work around? I have the same requirement/issue.
Thanks.

Matthew,

It is not difficult to add javascript and jQuery to DotNetNuke. My favorite approach is to add the necessary scripts to the header or footer setting of an HTML module. You can also paste a script as the content of the module. If you do, make sure to use the Basic Text Box form of the editor and work in Raw mode. This will prevent any additions by the editor.