So, I've tried and tried to get this working, and hopefully someone here can help w/out just linking me to the sample code on the DotNetNuke site (which I've tried and failed at many times).
I'm trying to reuse code that's already in the DNN CE 6.1 version to produce simple tabbed content across sites (and this I could reuse on any DNN 6.x site once I get it right).
With the help of someone else, I'm close, but it's not working if I'm logged out of the site (and my account is an Admin account).
Again, it works when I'm logged in, perfectly.
Once I'm logged out, the expected tab functionality is gone, and all divs display at once.
I'm told the problem is with the last script that starts with <script runat="server">... b/c you can't just paste that into an HTML module. I get that, so I put it in my skin file at the bottom, but when I do that, I get an error code and the skin won't load, so the site reverts to the old default DNN skin (think DNN 4).
The error reads in part: ...ascx(192): error BC30205: End of statement expected.
The file named in the error is my skin.ascx file, and the line (192) is the line below that reads:
protected override void OnInit(EventArgs e)
Here's the code I'm using in the HTML module:
<div class="dnnForm" id="tabs-demo">
<ul class="dnnAdminTabNav">
<li><a href="#tab1">Tab One</a></li>
<li><a href="#tab2">Tab Two</a></li>
<li><a href="#tab3">Tab Three</a></li>
</ul>
<div id="tab1">
<p>This is content for tab 1.</p>
</div>
<div id="tab2">
<p>This is content for tab 2.</p>
</div>
<div id="tab3">
<p>This is content for tab 3.</p>
</div>
</div>
Here's the code I'm using in the Skin file...
<script type="text/javascript">
jQuery(function ($) {
$('#tabs-demo').dnnTabs();
});
</script>
<script runat="server">
protected override void OnInit(EventArgs e)
{
base.OnInit(e);
jQuery.RequestDnnPluginsRegistration();
}
</script>