Previewing a TABbed document

Post your questions and problem reports here

Moderator: kfury77

Forum rules
Please try to follow these guidelines. This will help to receive faster and more accurate response.
  • Check the Support section of the corresponding product first. Chances are you will find your answer there;
  • Do not create new topics for already reported problems. Add your comments to the existing topics instead;
  • Create separate topic for each problem request. Do NOT post a number of non-related problem reports in a single topic;
  • Give your topic a meaningful title. Titles such as "A question," "Bug report" and "Help!" provide others no clue what your message is about;
  • Include the version number of the software you are using;
  • This is not an official customer support helpdesk. If you need a prompt and official response, please contact our support team directly instead. It may take a while until you receive a reply in the forum;
Post Reply
jshardalow
Posts: 1
Joined: Fri Jan 21, 2011 9:47 pm

Previewing a TABbed document

Post by jshardalow »

HTML Pad 2010 Version 10.2

I have one file (.htm) and within it there are four tabs across the top. When I preview the page in HTML Pad, I can only see the first tab. However, when the page is 'live' and online, the links to and from the other tabs all work just fine. This makes previewing the page within HTML Pad virtually impossible if I'm working on any tab other than the first one.

My coding is...

<ul class="fb-tabs clearfix">
<li style="background-color:#e3e3e3; color:#000;">
<a href="#" clicktoshow="nav1" clicktohide="nav2,nav3,nav4,nav5">Home</a>
</li>
<li>
<a href="#" clicktoshow="nav2" clicktohide="nav1,nav3,nav4,nav5">Communities</a>
</li>
<li>
<a href="#" clicktoshow="nav3" clicktohide="nav1,nav2,nav4,nav5">About</a>
</li>
<li>
<a href="#" clicktoshow="nav4" clicktohide="nav1,nav2,nav3,nav5">Contact</a>
</li>
</ul>

Is there something silly I'm missing? Or is there a way to preview the other tabs.

Thanks in advance...
User avatar
Capricorn
Posts: 63
Joined: Fri Aug 06, 2010 11:37 am
Location: Germany!
Contact:

Re: Previewing a TABbed document

Post by Capricorn »

There're no clicktoshow and clicktohide attributes in an a-tag, so you shouldn't use them.
I'm not sure whether this might solve the problem, but maybe you include something external (like jquery from google) and if you view a local file your browser doesn't include the external file due to security reasons.
User avatar
MikeyB
Top Contributor
Posts: 511
Joined: Fri Jun 09, 2006 10:38 am
Location: UK
Contact:

Re: Previewing a TABbed document

Post by MikeyB »

I'd agree with Capricorn in that when you preview the page a .js file or library such as jQuery cannot be found and so the script does not work.

When you upload it live it can find the needed .js files and everything now works.

Mike
Post Reply