Solved

JavaScript Tabber: Need tabs on the bottom in addition to the top, uses CSS, explained inside

Posted on 2008-10-13
10
696 Views
Last Modified: 2012-05-05
Has anyone heard of this JavaScript called "Tabber"?

This is the site: http://www.barelyfitz.com/projects/tabber/

On that site, you see an example of that tab page in action. I am using his script with no modifications to it currently on my page: www.buildmethebest.com/intel_customdesktop.php

I need the tabs displayed on the bottom in addition to the top. (My page is very long).

Reason I'm asking you instead of the guy who made the script is because he hasn't updated his site for like 2 years so I think he abandoned the project.

Anyway here is a link to the stylesheet:
http://www.buildmethebest.com/styles/tabber.css

And the javascript:
http://www.buildmethebest.com/scripts/tabber.js

Attached is ex. HTML code of how it is used, really simple.


<div class="tabber">
<div class="tabbertab" title="1. Hardware & Components">
<p>CONTENT</p>
</div>
<div class="tabbertab" title="2. Accessories & Software">
<p>CONTENT</p>
</div>
<div class="tabbertab" title="3. Services">
<p>CONTENT</p>
</div>
</div>

Open in new window

0
Comment
Question by:Doomtomb
  • 5
  • 5
10 Comments
 

Author Comment

by:Doomtomb
ID: 22704949
anybody?
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 22709008
Why not tab ALL your divs?

Make the page shorter. Number the steps
0
 

Author Comment

by:Doomtomb
ID: 22709027
So your saying, why not put each component on a separate tab? Because that's not the way I want the site setup... There is too many different components for me to fit it horizontally across the screen with their own tab.

This really doesn't help.
0
Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 22709073
I just wanted to present an alternative. I do not have time to download and test the script right now and repeating the tabs sounds to me like VERY hard work to make it look nice and align the tabs to the bottom of the bottom div and so on.

As a potential hardware buyer and internet site user, I still suggest you have one set of tabs and more of them
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 22709077
PS: The radios for the case could be a select the size of the image. that would save 200 px or so and each NO IMAGE takes up a HUGE amount of space
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 22709093
PPS: How about accordions for the sub parts?
0
 

Author Comment

by:Doomtomb
ID: 22709209
How would I do that? What do you mean accordions?
0
 

Author Comment

by:Doomtomb
ID: 22709235
I think I'll consider putting tabs inside of tabs to get this to work. I still wonder if it's possible to put tabs at the bottom too :/


0
 
LVL 75

Accepted Solution

by:
Michel Plungjan earned 500 total points
ID: 22709338
0
 

Author Closing Comment

by:Doomtomb
ID: 31406211
Not what I was looking for intially but it will work for my purposes
0

Featured Post

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Scroll 5 news at a time. 4 27
Create tabs to show divs 9 30
alert(innerHTML); 8 15
how can i get the sole odd and th sole even 2 13
JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
In this fourth video of the Xpdf series, we discuss and demonstrate the PDFinfo utility, which retrieves the contents of a PDF's Info Dictionary, as well as some other information, including the page count. We show how to isolate the page count in a…
In this fifth video of the Xpdf series, we discuss and demonstrate the PDFdetach utility, which is able to list and, more importantly, extract attachments that are embedded in PDF files. It does this via a command line interface, making it suitable …

773 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question