[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 709
  • Last Modified:

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

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
Doomtomb
Asked:
Doomtomb
  • 5
  • 5
1 Solution
 
DoomtombAuthor Commented:
anybody?
0
 
Michel PlungjanIT ExpertCommented:
Why not tab ALL your divs?

Make the page shorter. Number the steps
0
 
DoomtombAuthor Commented:
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
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

 
Michel PlungjanIT ExpertCommented:
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
 
Michel PlungjanIT ExpertCommented:
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
 
Michel PlungjanIT ExpertCommented:
PPS: How about accordions for the sub parts?
0
 
DoomtombAuthor Commented:
How would I do that? What do you mean accordions?
0
 
DoomtombAuthor Commented:
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
 
Michel PlungjanIT ExpertCommented:
0
 
DoomtombAuthor Commented:
Not what I was looking for intially but it will work for my purposes
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

  • 5
  • 5
Tackle projects and never again get stuck behind a technical roadblock.
Join Now