ckroon
Posts: 869
|
| Posted: 11/10/2007, 10:11 PM |
|
I am playing around with the cool tabstrip provided by Bill Noble over in the CCS Marketplace.
I have everything in place, looking good, but I can't get the onclick event to work properly.
When the tab gets clicked, the image never appears.
I have it pasted here below.
Where did I go wrong?
<!-- The TabStrip -->
<script language="JScript" src="Styles/BnTabs/TabStrip.js"></script>
<link href="../Styles/FireBrick/BnTabs/Tabs.css" type="text/css" rel="stylesheet">
</head>
<body>
<div class="tabstrip" id="1">
<ul>
<li onclick="showPage('TabPage11',1);id='current1'"><a href="#">Page 1</a> </li>
<li onclick="showPage('TabPage12',1);id='current1'"><a href="#">Page 2</a> </li>
<li onclick="showPage('TabPage13',1);id='current1'"><a href="#">Page 3</a> </li>
</ul>
</div>
<!-- The Images -->
<p class="pageHide" id="TabPage11`"><img alt=" " src="../images/topstar2.jpg">
Test image 1
</p>
<p class="pageHide" id="TabPage12"><img alt=" " src="../images/topstar2.jpg">
Test image 2
</p>
<p class="pageHide" id="TabPage13"><img alt=" " src="../images/topstar2.jpg">
Test image 3
</p>
</body>
</html>
_________________
Walter Kempees...you are dearly missed. |
 |
 |
mary07
Posts: 16
|
| Posted: 11/12/2007, 9:27 AM |
|
I noticed a couple of things.:
In your <p> tab11, you have an ` after the 11.
In the head, your .js and .css files, you have two different paths to your style folder and your BnTab folder.. I don't know if you do actually have two different locations for these folders, but I thought I'd point it out in case it was an accident.
|
|
|
|
ckroon
Posts: 869
|
| Posted: 11/12/2007, 12:03 PM |
|
THanks for those catches.
FIxed them but it still does not work.
Says "current1" is undefined.
Will keep trying.
_________________
Walter Kempees...you are dearly missed. |
|
|
|
mary07
Posts: 16
|
| Posted: 11/13/2007, 9:12 AM |
|
Set the tab you want to default to open as id="current1" (in the <li> tag)
|
|
|
|
ckroon
Posts: 869
|
| Posted: 11/13/2007, 4:44 PM |
|
Ahah! Got it to work.. in IE :) I live paged it and it worked perfectly.. but it does not work in Firefox.
Saw a thread that Bill Noble is aware of this and will address it shortly.
Thanks for the help!
_________________
Walter Kempees...you are dearly missed. |
|
|
|
AndreSch
Posts: 27
|
| Posted: 04/22/2008, 4:31 AM |
|
I also need help with the tabstip addon:
I have added the tabs using the addon functionality and inlcuded the html code. I only get a bullet list on the screen and not tabs.
<!-- Bill Noble's TabStrip -->
<script language="JScript" src="Styles/BnTabs/TabStrip.js"></script>
<link rel="stylesheet" type="text/css" href="Styles/BnTabs/Tabs.css">
</head><body>
<p>{Header}</p>
<p> </p>
<p> </p>
<div class="tabstrip" id="1">
<ul>
<li id="current1" onclick="showPage('TabPage11',1);id='current1'"><a href="#">My Info</a></li>
<li onclick="showPage('TabPage12',1);id='current1'"><a href="#">Today</a></li>
<li onclick="showPage('TabPage13',1);id='current1'"><a href="#">Reports</a></li>
</ul>
</div>
<p class="pageHide" id="TabPage11"</p>
<p class="pageHide" id="TabPage12"</p>
<p class="pageHide" id="TabPage13"</p>
|
|
|
|
|
