Comments on: Sweet AJAX Tabs With jQuery 1.4 & CSS3

By: Peccavio

Peccavio — Sun, 17 Mar 2013 05:55:34 +0000

The demo's Ajax will not run when accessing as a file.
If placed on a sever and accessed as a url .... works fine

By: brian12

brian12 — Wed, 20 Feb 2013 07:19:17 +0000

When I download the sample and try to to load it without modifying anything it does not work. The white space under the tabs remains empty no matter what tab i select. Do I need to do something to set up?

By: Tuanny Martins

Tuanny Martins — Wed, 26 Dec 2012 02:08:28 +0000

Hi, Martin. Great tutorial. I have a question. What to do for insert internal links? Example: In the 'tab two' I want insert many images with links. What to do? Thanks!!!

By: Avner

Avner — Tue, 18 Dec 2012 04:36:33 +0000

The problem comes from using another version of jQuery than 1.4.0

I am trying to find a ckue and will post it here if I succeed

By: Avner

Avner — Tue, 18 Dec 2012 04:32:35 +0000

Solved. I saved the pages in utf-8
and added charset meta tag

By: Avner

Avner — Tue, 18 Dec 2012 04:31:54 +0000

Have you noticed the %4 (modulo 4)
Make it%5, it will work

By: Lars

Lars — Thu, 27 Sep 2012 09:32:14 +0000

Hi Martin
Nice tutorial, but it has a very serious flaw, which unfortunately seems to be a problem with most of the CSS demoes I have found.
It has completely disabled keyboard navigation. There are millions of users out there, who only when absolutely forced, are using the mouse. For those I think pages designed like this, will quickly be abandoned in favour for more user friendly sites.
How would you expand your example to support normal keyboard interaction?

By: Avner

Avner — Tue, 25 Sep 2012 18:05:06 +0000

Had a problem with values above 127, as Alt130 which translates as 'é' but rendered as a square (gibberish).
Has anyone resolved this?

TIA

By: Daria

Daria — Wed, 19 Sep 2012 19:28:22 +0000

Nevermind, I figured it out. All you have to do is create a copy of the image files to designate which you want to use for the tabs after the fourth one.

As in, create a second copy of the blue tab images and label them as blue2, then add blue2:'blue', under the list of colors available var topLineColor = { .

By: Daria

Daria — Wed, 19 Sep 2012 18:47:18 +0000

I'm having the same disappearing issue when trying to add a fifth tab. Did anyone figure out a fix?