Another AJAX Tabs Question....

[brandon14]

I just searched through a ton of threads, spent a lot of time getting angry and really need a quick solution to my problem, site needs to be up ASAP!! So based on how the other threads were laid out:

Script: http://www.dynamicdrive.com/dynamicindex17/ajaxtabscontent/

My Site: http://www.firstlinestudio.com/3/services/main.html

Problem: Probably a simple fix, I have no idea. I'm not a programmer, I just design, but on my site, I have the first link setup, called "Ad Based" under web design. You click t and it goes to that page directly, like a normal link, instead on in my container. The wierd part is, when on the default (Overview) page, you can click on that link I have, saying "Select 2nd tab" and it will then load the page where I want it... So any ideas, really need some help here. Thanks.

FORGOT TO MENTION - When doing the steps I stated above, when the page does load, my CSS, which is internal on the linked page, does not load in IE7, but does in FireFox 2... This is really getting annoying. I'm about to just go back to iFrames 8(...

1) Script Title:
Ajax Tabs Content script

2) Script URL (on DD):
Script: http://www.dynamicdrive.com/dynamici...axtabscontent/
My Site: http://www.firstlinestudio.com/3/services/main.html

3) Describe problem:
I just searched through a ton of threads, spent a lot of time getting angry and really need a quick solution to my problem, site needs to be up ASAP!! So based on how the other threads were laid out:

Problem: Probably a simple fix, I have no idea. I'm not a programmer, I just design, but on my site, I have the first link setup, called "Ad Based" under web design. You click t and it goes to that page directly, like a normal link, instead on in my container. The wierd part is, when on the default (Overview) page, you can click on that link I have, saying "Select 2nd tab" and it will then load the page where I want it... So any ideas, really need some help here. Thanks.

Also, when doing the steps I stated above, when the page does load, my CSS, which is internal on the linked page, does not load in IE7, but does in FireFox 2... This is really getting annoying. I'm about to just go back to iFrames 8(...

[ddadmin]

There is an error in the HTML for your tabs:


<li id="header">Printed Design (Self-Print)</li>

The above isn't a link (missing the <a> tag). You need to add a link inside the LI element, as you do with the other tab links.

BTW, please note that your page is currently in violation of our usage terms, since the credit notice doesn't appear inline on the page. Please reinstate the credit notice: http://www.dynamicdrive.com/notice.htm

[brandon14]

WOW! Never would of thought of that. And yes, I did put the credits back on the site, since I was able to get it working 8)... So now, I have to place me headers (web design and Printed Design) into their own divs and somehow get them to seperate the areas? Can I create 2 seperate list, for each area, but use the same ID's and content area? I'll play around with it, but I'm glad the menu works now. Thanks alot.

[ddadmin]

You should be able to have two tab sets both use the same content area to display the results, yes. Haven't tested this out yet, but it should work.

[brandon14]

I took the long route probably, but just made the things I wanted as headers set to the default page, disqused the cursor and gave the headers their own settings. Source for menu ended up like this:


<div id="sidenavlocation">
<ul id="sidenav" class="servicenav">
<li class="selected" id="overview"><a href="#default" rel="maincontentarea">Overview</a></li>
<li id="header"><a href="#default" rel="maincontentarea"onmouseover="this.style.cursor='text'">Website Design</a></li>
<li id="adbased"><a href="adbased.html" rel="maincontentarea">Ad-Based</a></li>
<li id="standard"><a href="../external.htm" rel="maincontentarea">Standard</a></li>
<li id="lbranding"><a href="../external.htm" rel="maincontentarea">Limited Branding</a></li>
<li id="zbranding"><a href="../external.htm" rel="maincontentarea">Zero Branding</a></li>
<li id="maintenance"><a href="../external.htm" rel="maincontentarea">Maintenance</a></li>
<li id="header"><a href="#default" rel="maincontentarea" onmouseover="this.style.cursor='text'">Printed Design</a></li>
<li><a href="../external2.htm" rel="maincontentarea">Business Cards</a></li>
<li><a href="../external3.htm" rel="maincontentarea">Labels and Envelopes</a></li>
<li><a href="../external4.htm" rel="maincontentarea">Flyers and Brochures</a></li>
</ul>
</div>

[brandon14]

I was wondering if there was anyway to just disable links all togather, while keeping the a tags in-tact? I know it sounds dumb, but it would be the easiest way to keep my headers in this system, without making them click-able. Not that big of a deal, but I don't like how even if you do click on the heading text, the previously selected menu item loses it's background. So just wondering and hopefully this helps others that try doing the same thing down the line...

[ddadmin]

Right now tab links that load Ajax content are already disabled; that is to say, its "href" attribute doesn't work. Or do you mean expand that so all tab links don't work, whether or not they carry the "rel" attribute?