PDA

View Full Version : Tab Content Script : IE7 issue



Sventovit
07-17-2007, 02:48 PM
1) Script Title: Tab Content Script

2) Script URL: http://www.dynamicdrive.com/dynamicindex17/tabcontent.htm

3) Describe problem:
Hi Dudes.
Hi Mr Admin :)
Yes! I'm a TabContent JS fan.
So that's why I had this (stupid?) idea to embed a new menu into the hidden content of the first one.
And it's working fine in Firefox and Opera but,
IE7 doesn't want to call the divs (the menu is displayed but not functional)


Any relevant answer will be (again) much appreciated. :D
Trollers will be prosecuted.

Thanks a lot.

This was a message from Sven who wish you a nice day. :)

Sventovit
07-18-2007, 10:31 AM
Hello
it doesn't either in IE6.
IE is a real crap.
I'm gonna try Ajax Tab's script.
Stay tuned. :D

Sventovit
07-18-2007, 01:26 PM
:(
Ajaxtabs seems to do not work within Tabcontent neither.
Javascript error on line #55:

var ulist=ulobj.getElementsByTagName("li") //array containing the LI elements within UL
but still:

<div id="left">
<ul id="menu" class="navigation">
<li class="selected"><a href="#" rel="tcontent1">Hello</a></li>
<li><a href="#" rel="tcontent2">Two</a></li>
<li><a href="#" rel="tcontent3" title="aller la section 3">Three</a></li>
<li><a href="#" rel="tcontent4" title="aller la section 4">Four</a></li>
<li><a href="#" rel="tcontent5" title="aller la section 5">Five</a></li>
</ul>
</div>
</div>
<div id="right">
<div class="tabcontentstyle">
<div id="tcontent1" class="tabcontent">
<div id="right_home"></div>
<p id="description">
s&eacute;rie noire est un <span class="sn3">th&egrave;me</span> pour un prochain
<span class="sn1">site</span> de nomasis.<br />
Nous cuisinons celui-ci avec <span class="sn5">amour</span> et quelques <span class="sn3">scripts</span> tout cela avec les saveurs d'une <span class="sn3">CSS</span> qui devrait peser moins de <span class="sn4">1 Mo</span>. Et hop !</p>
</div>

<div id="tcontent2" class="tabcontent">
<ul id="maintab" class="shadetabs">
<li class="selected"><a href="#default" rel="ajaxcontentarea">Intro</a></li>
<li><a href="external.htm" rel="ajaxcontentarea">Bird</a></li>
<li><a href="external2.htm" rel="ajaxcontentarea">Dog</a></li>
</ul>
<div id="ajaxcontentarea" class="contentstyle">
<p>This is some default tab content, embedded directly inside this space and not via Ajax. It can be shown when no tabs are automatically selected, or associated with a certain tab, in this case, the first tab.</p>
</div>
</div>

<div id="tcontent3" class="tabcontent">
Tab content 3 here<br />Tab content 3 here<br />
</div>

<div id="tcontent4" class="tabcontent">
Tab content 4 here<br />Tab content 4 here<br />
</div>
<div id="tcontent5" class="tabcontent">
CINQ<br />Tab content 5 here<br />
</div>
</div>
</div>
should work!:mad:
Any idea?
Thanks for answering.:cool: